如何让 CKEditor 反应组件在 ClojureScript 中可用

Question

我无法让 CKEditor 反应组件在 ClojureScript 项目中工作。

当我尝试使用组件时

(ns simple.core
  (:require [reagent.core :as reagent]
            [re-frame.core :as rf]
            [clojure.string :as str]
            [simple.routes :as routes]
            ["ckeditor4-react" :as ck :default CKEditor]
            ))

...

    [:> CKEditor]

我明白了

    template.cljs:312 Uncaught Error: Assert failed: Expected React component in: [:> nil]
 (in simple.core.ui)
(or (string? comp) (fn? comp))
    at Object.reagent$impl$template$vec_to_elem [as vec_to_elem] (template.cljs:312)
    at Object.reagent$impl$template$as_element [as as_element] (template.cljs:329)
    at template.cljs:403
    at core.cljs:5598
    at core.cljs:5598
    at Object.cljs$core$IKVReduce$_kv_reduce$arity (core.cljs:5602)
    at Object.cljs$core$_kv_reduce [as _kv_reduce] (core.cljs:700)
    at Object.cljs$core$reduce_kv [as reduce_kv] (core.cljs:2543)
    at reagent$impl$template$make_element (template.cljs:401)
    at Object.reagent$impl$template$native_element [as native_element] (template.cljs:285)

我创建了一个简单的 github 项目来说明。

https://github.com/madhat2r/shadow-re-frame-simple-example

如果您克隆它并按照自述文件中的说明进行操作，您就可以重现。

感谢您的帮助！

Answer 1

事实证明这是 :require 使用 :default 的问题，您必须使用

["ckeditor4-react" :as CKEditor]

...

[:> CKEditor {:onBeforeLoad (fn [ck] (set! (.-disableAutoInline ck) true))}]

Shadow-cljs: https://shadow-cljs.github.io/docs/UsersGuide.html#_about_default_exports

注意：上面的onBeforeLoad函数修复了当前版本的一个bug。留给可能遇到它的任何人。 https://github.com/ckeditor/ckeditor4-react/issues/57

如何让 CKEditor 反应组件在 ClojureScript 中可用

How to get CKEditor react component usable in ClojureScript

clojurescript

ckeditor4.x

reagent

clojurescript-javascript-interop

shadow-cljs