如何获得可在ClojureScript中使用的CKEditor反应组件

问题描述 投票:0回答:1

我无法使CKEditor react组件在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$3 (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

如果您克隆它并按照自述文件中的说明进行操作,则可以复制。

感谢您的帮助!

clojurescript ckeditor4.x reagent clojurescript-javascript-interop shadow-cljs
1个回答
0
投票

结果是使用: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函数修复了当前版本的错误。留给可能遇到它的任何人。 https://github.com/ckeditor/ckeditor4-react/issues/57

© www.soinside.com 2019 - 2024. All rights reserved.