Javascript 基于slate.js的reactjs富文本编辑器逆向工程

这一切都是从在youtube上观看两个slate.js演示视频开始的

他的名字是Andrei Fiodorov，他在演示中展示了他的富文本编辑器是如何使用slate.js库工作的。在评论部分，他分享了一段代码，这是对整个代码的一瞥。我在这里开始用沙盒笔

---

看起来他在他的项目中使用了Materialize和npgrogress。我没有反应。我对Andrei Fiodorov先生成功创建的漂亮UI感兴趣。但不幸的是，无法呈现页面。如果有人能帮我呈现UI，我将不胜感激。

我不是react方面的专家，但可能需要安装组件

---

render（，document.getElementById（“根”）
沙盒为Slate指定了0.33.4版。但是，在下列情况下，应说明：

Html、普通和原始序列化程序被分解成新的包。以前，您会从slate导入它们。但现在您将从slate html序列化程序和slate普通序列化程序导入它们。现在删除了不推荐使用的原始序列化程序

编辑器和占位符组件被分解为一个新的
反应特定的包装。以前，您会从slate导入它们。但是
现在您将从“slate react”导入{Editor}

此外，您需要取消对
React.renderDOM（…）
代码的注释，并且在调用
connect（…）
代码之前，您需要使用存储和减缩器配置Redux但是我现在发现这个错误“在“Connect（MyEditor）”的上下文或道具中找不到“store”。请将根组件包装在中，或者将“store”作为道具显式传递给“Connect（MyEditor）”“。看起来问题出在redux上。@Coolsain对我来说，它无法读取第300行中未定义的

的属性‘反序列化’。

let editorState=Raw.deserialize（initialState，{terse:true}）你改变了什么吗？很可能
package.json中的
slate
版本
@evgeni fotia No我没有更改package.json中的任何内容。此错误表示
Raw
组件未定义。可能视频已经过时，该组件已不存在或已移动到其他地方。首先感谢您的回答。请您在沙盒中设置一个程序的工作演示。那太好了。