Repolode
提交项目
facebook

facebook/lexical

Meta 推出的可扩展富文本编辑器框架，核心不依赖具体 UI 框架，并提供官方 React 绑定。

在 GitHub 查看官网
Star
23,972
Fork
2,257
未关闭 Issue
359
最近提交
6小时前

这是什么？

Lexical 是一个文本编辑器框架，用于在 Web 应用中构建自定义的编辑体验。它的核心不依赖任何 UI 框架，同时提供官方 React 绑定，并采用插件化架构来扩展行为和自定义节点类型。

编辑器的状态采用不可变模型管理，内置撤销和重做功能。它支持与 JSON、Markdown、HTML 之间的导入导出，并可处理表格、列表、代码块、图片以及自定义节点。通过与 Yjs 集成，可以实现实时协同编辑。

项目支持 Chrome 86+、Firefox 115+、Safari 15+ 和 Edge 86+，使用 TypeScript 编写并附带类型定义。仓库中还包含 playground 应用，以及纯文本和富文本编辑器的示例。

核心功能

  • 01核心与 UI 框架无关，提供官方 React 绑定
  • 02不可变状态模型，内置撤销和重做
  • 03基于插件的架构，提供扩展点
  • 04支持 JSON、Markdown、HTML 的导入导出
  • 05通过 Yjs 集成实现实时协同编辑
  • 06使用 TypeScript 编写，附带类型定义

适用场景

  • 在 React 应用中加入富文本编辑器
  • 构建带有自定义节点类型的专用编辑器
  • 在 Web 应用中实现实时协同编辑
  • 在 HTML、Markdown 和 JSON 之间转换编辑内容

快速上手

  1. 1

    安装 Lexical 及 React 绑定包

    npm install lexical @lexical/react
  2. 2

    按 README 中的 React 示例，使用 LexicalComposer 和可编辑内容插件创建编辑器

使用前须知

  • 浏览器支持仅限较新版本，例如 Chrome 86+、Firefox 115+ 和 Safari 15+。

标签

#text-editor#rich-text#react#typescript#collaboration#editor-framework#wysiwyg

常见问题

lexical 是什么？
Meta 推出的可扩展富文本编辑器框架，核心不依赖具体 UI 框架，并提供官方 React 绑定。 Lexical 是一个文本编辑器框架，用于在 Web 应用中构建自定义的编辑体验。它的核心不依赖任何 UI 框架，同时提供官方 React 绑定，并采用插件化架构来扩展行为和自定义节点类型。
lexical 可以免费使用吗？用的什么许可证？
lexical 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
lexical 还在维护吗？
活跃维护中。lexical 最近一次提交是在 2026年10月21日。
lexical 适合用来做什么？
在 React 应用中加入富文本编辑器 构建带有自定义节点类型的专用编辑器 在 Web 应用中实现实时协同编辑 在 HTML、Markdown 和 JSON 之间转换编辑内容
lexical 怎么安装和运行？
安装 Lexical 及 React 绑定包: npm install lexical @lexical/react 按 README 中的 React 示例，使用 LexicalComposer 和可编辑内容插件创建编辑器
在哪里获取 lexical？
源代码和安装说明在 GitHub 上：https://github.com/facebook/lexical

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目