slate 中文文档

一个简单好用的富文本编辑器内核

Demo

在 live demo 查看所有示例。

示例

为了理解如何使用Slate，请查看这些示例：

• Plain text — 展示最基础的例子：一个经过美化的 <textarea> 。
• Rich text — 展示了最基础的富文本编辑器的特性。
• Markdown preview — 展示了对于类似于 MarkDown 的快捷键如何添加按键处理。
• Links — 展示了如何在行内节点中将文本和关联数据进行包装。
• Images — 展示了如何使用 void （无文本）节点添加图像。
• Hovering menu — 展示了如何实现一个上下文相关的悬停菜单。
• Tables — 展示了如何通过嵌套 block 去渲染更高级的组件。
• Paste HTML — 展示了如何使用 HTML 序列化器去处理粘贴的 HTML 的内容。
• Mentions — 展示了如何使用 void 的 行内节点实现简单的 @ 功能。

每一个例子都包含一个 View Source 指向如何实现它的链接。我们还有一些 其他的例子 。

文档

如果你是第一次使用 Slate，可以查看 Getting Started 实战演练和 Concepts 去熟悉 Slate 的架构和思维模型。

当前文档版本：v0.57.1

• Walkthroughs：实战演练
• Concepts：概念
• FAQ：常见问题
• Resources：资源