2017-07-20 38 views
0

我在VanillaJS中編寫了一個文本編輯器(整個由JS生成,基本上是wysiwyg,它在html中返回輸出),現在我正在學習React。我製作了一個「文檔」組件,其中包含「紙張」組件,但現在我想連接這兩個東西 - 紙張(在React中)和文本編輯器(JavaScript)。React組件,其中包含VanillaJS

所以我的問題是: 這是一個很好的做法嗎?如果是這樣,那麼如何正確地連接這兩件事?如果不是,我應該將文本編輯器重新編輯爲React?對我來說,React在我看來不是一個很好的選擇,但是我很蹩腳。

這將是完美的,如果該解決方案將是很好的保存生成的html到數據庫中。

+0

您好,歡迎StackOverflow上。請花一些時間閱讀幫助頁面,尤其是名爲[「我可以詢問什麼主題?」(http://stackoverflow.com/help/on-topic)和[「我應該問什麼類型的問題避免問?「](http://stackoverflow.com/help/dont-ask)。更重要的是,請閱讀[Stack Overflow問題清單](http://meta.stackexchange.com/q/156810/204922)。您可能還想了解[最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 – herrbischoff

回答

0

那麼一個月後,我想我願意回答......

在通常它不是combinate香草JS並做出反應(這是非常好的使用VanillaJS功能,這是不是一個好主意使用DOM,兩者使用不同的訪問DOM,代碼是凌亂的,你失去陣營的一些優勢)

並作出反應是這一個非常不錯的選擇,尤其是draft.js。但也可以使用具有contentEditable屬性反應,但你可以在有控制的部件問題https://facebook.github.io/react/docs/forms.html所以我肯定會推薦使用draft.js,不存在這些問題,並用它甚至Facebook的無處不在,在那裏需要豐富的文本編輯器。