不得不安利的富文本编辑器，太赞了！

大家好，我是徐小夕。我曾与大家分享过可视化、零代码和前端工程化的最佳实践，并持续迭代我们的可视化文档知识引擎Nocode/WEP。在这个过程中，我发现了许多优秀的开源项目，并从中学习了先进的设计思想。

本次分享的重点是Lexical——一款由Facebook开源的强大富文本编辑器，它在GitHub上拥有超过17.7k的星标。

Lexical是一个专注于可靠性、可访问性和性能的可扩展JavaScript文本编辑器框架。它旨在提供优秀的开发者体验，使得文档设计和功能构建变得容易。Lexical的高度可扩展性使得开发者能够创建独特的文本编辑体验，并支持功能的二次开发，例如多人协作和自定义插件。

我们可以利用Lexical来实现类似Nocode/WEP的文档引擎编辑体验，例如轻松设置文本样式、对内容进行评论以及插入表格和代码等区块。

Lexical的核心是一个无依赖的框架，它允许开发者构建强大而简单的编辑器界面。其设计理念包括：

• 编辑器实例：是所有内容的核心，可以将contentEditable DOM元素附加到编辑器实例，注册监听器和命令，并允许更新编辑器状态。
• 编辑器状态：代表要在DOM上显示的内容，包括Lexical节点树和Lexical选择对象。编辑器状态是不可变的，且可序列化为JSON。
• 读取和更新编辑器状态：通过editor.update()完成节点树的更新和读取操作。

为了帮助大家更直观地理解Lexical的使用，我分享了一个完整的代码示例，展示了如何创建和更新文本编辑器。

对于对Lexical感兴趣的人，欢迎前往GitHub学习使用，并在留言区与我交流反馈。

之前我也分享了很多前端进阶实战和求职面试技巧，对此感兴趣的朋友也可以参考学习。未来，我将继续与大家分享有关可视化和文档引擎的技术实践，欢迎大家在留言区评论和反馈。