5

这一切都始于在 youtube 上观看两个 slate.js 演示视频

  1. https://www.youtube.com/watch?v=8K-qYdOPKT4
  2. https://www.youtube.com/watch?v=BMID1FbEZSk&t=3s

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

https://codesandbox.io/s/rvp8j5q7n

看起来他在他的项目中使用了 Materialize 和 npgrogress。我是 React 的菜鸟。我对 Andrei Fiodorov 先生成功创建的漂亮 UI 很感兴趣。但不幸的是还不能渲染页面。如果有人可以帮助我呈现 UI,我将不胜感激。

4

2 回答 2

3

该沙箱为 Slate 指定版本 0.33.4。但是,在0.24.0的变更日志中说明了以下内容:

Html、Plain 和 Raw 序列化程序被分解成新的包。以前,您会从 slate 导入它们。但现在您将从 slate-html-serializer 和 slate-plain-serializer 导入它们。并且已弃用的 Raw 序列化程序现在已被删除。

编辑器和占位符组件被分解为一个新的特定于 React 的包。以前,您会从 slate 导入它们。但现在你从 'slate-react' 导入 { Editor }。

此外,您需要取消注释代码,并且需要在调用代码React.renderDOM(...)之前使用 store 和 reducer 配置 Redux 。connect(...)

于 2018-10-02T20:52:05.400 回答
0

我不是反应专家,但也许必须安装组件?

render(<MyEditor />, document.getElementById("root"));

于 2018-09-27T21:54:30.630 回答