2016-06-08 50 views
3

有沒有人有任何運氣調整Draft.js試劑?如果Draft.js通過reagent/adapt-react-class立即導入,那麼編輯問題會非常嚴重。當您輸入時,光標跳躍,消失的符號,onChange調用不正確的EditorState,您將其命名。使用Draft.js和試劑

人們在clojurians/reagent Slack頻道報道了這樣的問題,但似乎目前還沒有解決方案。

任何幫助將不勝感激。

回答

2

好的,感謝tonsky,我得到了答案。 Reagent/Rum使用​​延遲渲染,但被設置時應立即重新渲染Draft.Editor

我們要做的就是調用forceUpdate爲編輯父組件每當編輯onChange被調用:

:editorState @editor-state-atom 
:onChange (fn [new-state] 
       (reset! editor-state-atom new-state) 
       (.forceUpdate @wrapper-state)) 

代碼示例是試劑,朗姆酒的解決方案是相同

0

只是一個想法(更多評論,但我不能提供評論),因爲 - 如果我沒記錯的話 - 的:內容編輯的屬性是一種特殊的方式處理試劑中:

由於當從試劑調用Draftjs編輯器時,問題似乎會發生,是否將試劑組分轉換爲反應組分(使用試劑/反應組分),然後將此「反應」組分用作試劑中的反應組分,使用試劑/創建元素?我會認爲Reagent不會干涉Draftjs編輯器。

+0

對不起,遲到的答覆。不,不起作用,onChange仍然返回混亂狀態。我們即將嘗試使用扁桃體/朗姆酒而不是試劑,也許這會有所幫助 – ai212983