Meta前不久开源的一个Web文本编辑器Lexical
Meta前不久开源的一个Web文本编辑器Lexical它的设计思路不再是像Draftjs这样基于浏览器的HTML编辑功能,而是用类似于虚拟Dom的方式,将编辑的文本内容抽象成一个自定义DOM对象,对用户的操作进行侦听,当用户有操作后不直接修改网页内容,而是将操作变成虚拟Dom的操作,最后和浏览器的内容进行同步。但类似的有不少,像VSCode、Medium、Editorjs、Slatejs这些编辑器。它适用的场景在于你对于编辑器定制化要求特别高的情况下,比如说你要实现一个Markdown编辑器,要能动态的嵌入数学公式、excalidraw插图这样的功能,或者简单一点的像一个微博、论坛的编辑器,能at某个人,能插入一个表情图片,用它都可以轻松实现。另外它并没有跟特定的前端框架绑定,理论上来说无论React还是Vue都可以跟它集成。但它的缺点也很明显,文档不全,很多接口你需要查代码才能知道,另外它不是一个开箱即用的产品,它虽然有一个强大的playground,但它的playground是不能直接用在你的项目中的,你需要大量的定制工作,如果没有一点前端基础是很难搞定的。有第三方verbum将它的playground封装了一下,理论上来说可以直接用的。如果你打造一个自己的基于Web的强大的编辑器,可以考虑基于它之上开发,会帮助你节约很多开发量。#编辑器#工具