在网页里做一个能打字、能排版、能插入图片的编辑框,比想象中难得多:光标位置、粘贴格式、浏览器差异、撤销重做,每一件都容易出错。Meta 开源的 Lexical 正是用来解决这个问题的——它是一个富文本编辑器框架,也就是一套把「网页编辑框」底层技术打包好的代码库,MIT 协议免费开源,开发者拿来就能在网站或应用里搭建编辑器,不必从零造轮子。
目前 Lexical 在 GitHub 上已有 23.8k star,被 26,849 个仓库依赖,最新版本 v0.49.0 于 2026 年 7 月 30 日发布。它适合两类场景:一类是前端开发者,尤其是用 React 的团队,想把编辑功能嵌进自己的产品;另一类是任何需要「评论框、文档编辑、笔记应用、博客后台」这类功能的 Web 产品——这类产品大都可以直接拿 Lexical 做编辑内核。
核心设计:框架无关,React 开箱即用
Lexical 把核心逻辑做成框架无关(Framework Agnostic):编辑器的核心不绑定任何 UI 框架,理论上 Vue、Svelte 等其他技术栈也能使用。同时官方提供 React 绑定(@lexical/react 包),React 开发者安装 lexical 和 @lexical/react 两个包就能上手,不需要自己写编辑器内核。
插件化:功能按需挂载
Lexical 采用插件化架构:编辑器本身只做最基础的事,表格、列表、代码块、图片、自定义节点等能力都以插件形式挂载。想要什么功能就装什么插件,不想要就不装,项目因此能保持精简,不会被用不到的功能拖累。
不可变状态:撤销重做天然可靠
Lexical 使用不可变状态模型:每次编辑都会生成一份新的状态对象,旧状态不会被改动。这带来两个直接好处——内置的撤销/重做可靠,状态可以回溯到任一次编辑步骤;同时状态变化清晰可追踪,方便测试和调试复杂的编辑场景。
实时协同:多人在线同时编辑
通过集成 Yjs(一个开源的协同编辑底层库,专门解决「多人同时编辑同一份文档时如何不冲突」的问题),Lexical 支持实时协同:多个用户可以像 Google Docs 那样同时编辑同一篇内容,彼此的改动实时同步,适合文档类产品的多人在线协作场景。
可访问性与浏览器兼容
Lexical 内置可访问性支持,符合 WCAG(Web 内容无障碍指南,一套让视障、键盘操作等用户也能正常使用网页的国际标准)合规要求。浏览器兼容范围是 Chrome/Edge 86+、Firefox 115+、Safari 15+。
数据与生态一览
- 仓库:facebook/lexical,MIT 协议(可自由商用),版权 ©2026 Meta Platforms, Inc.
- 规模:23.8k star、2.2k fork、5,224 commits、611 名贡献者
- 发布:累计 93 个 release,最新 v0.49.0(2026-07-30);代码以 TypeScript 为主(80.4%)
- 生态:官方文档 lexical.dev、在线 Playground、Discord 社区;被 26,849 个仓库依赖
- 序列化:支持 JSON / Markdown / HTML 导入导出,编辑内容能转成通用格式保存或迁移,方便与现有系统对接
结论
如果你要在 Web 产品里做编辑框——评论、文档、笔记、博客后台——Lexical 是经过 Meta 与 2.7 万个仓库验证的成熟选择:React 用户有官方绑定开箱即用,其他技术栈也能用框架无关核心;MIT 协议允许自由商用;实时协同、无障碍、多格式导入导出等生产级能力都已内置。需要留意的是它的定位:Lexical 提供的是编辑器的地基和零件,界面和插件组装需要开发团队自己完成,适合愿意投入定制的前端团队,而不是想要「开箱即用成品编辑器」的用户。