React.JS - 将contenteditable div的内容作为React组件进行管理

Question

我正在寻找管理contenteditable元素作为React组件的方法。

通过React DevTools扩展探索Facebook的源代码，发现他们编写了一个contenteditable评论编辑器，似乎完全由React管理。

您可以在组件树中看到更新conteneditable会触发对contenteditable子项的组件树的更新。

Answer 1

Facebook刚刚发布了Draft.js - https://facebook.github.io/draft-js/

Answer 2

<强>更新

Facebook发布了draft-js，用于构建带有反应的文本编辑器。 https://github.com/facebook/draft-js

现在过时的原始答案：

来吧，这没什么特别的。

以下是一些例子：

• https://github.com/lovasoa/react-contenteditable
• https://github.com/liamzebedee/reactjs-contenteditable/blob/master/ContentEditable.jsx
• https://stackoverflow.com/a/22678516/1536309