Lexical

Meta 开源的编辑器框架,面向扩展与性能。

简介

以可组合节点和命令系统为核心的编辑器框架,提供 React 绑定,适合构建需要自定义内容模型、精细控制渲染和输入行为的编辑体验。

安装

npm install lexical @lexical/react

命令用于快速开始,具体版本与配置请以官方文档为准。

适用场景

  • 开发具有自定义块结构的编辑器
  • 实现受控的富文本输入体验
  • 为评论或笔记组件加入编辑能力

特点

  • 文档模型和 DOM 渲染边界清晰
  • 命令与节点体系便于扩展
  • React 绑定和示例覆盖常见场景

专属示例

真实运行

不可变状态与撤销

Lexical 以不可变 EditorState 保存每次编辑,撤销栈记录真实历史深度,可逐步回退。

打开示例