Facebook 发布 Lexical 源代码

几天前 有消息称 Facebook 已开源 Lexical 库 JavaScript,它提供了用于为网站和 Web 应用程序创建高级文本编辑 Web 表单和文本编辑器的组件。

本质上,词法是 文本编辑引擎,一个平台 创建功能丰富的网络编辑器。 同时,我们认为用户不应该在每次实现中一遍又一遍地重写相同的富文本功能。 Lexical 公开了一组单独的模块化包,可用于添加常见功能,如列表、链接和表格。

图书馆的独特之处在于 易于集成到站点、紧凑的设计、模块化和支持 用于残障人士的工具,例如屏幕阅读器。

Lexical 是一个可扩展的 JavaScript Web 文本编辑器框架,强调可靠性、可访问性和性能。 Lexical 旨在提供一流的开发人员体验,因此您可以轻松地制作原型并充满信心地构建功能。 结合高度可扩展的架构,Lexical 使开发人员能够创建在大小和功能上可扩展的独特文本编辑体验。

关于词法

图书馆是 设计为易于连接且不依赖于外部 Web 框架, 但它提供了开箱即用的绑定,以便与 React 框架轻松集成。

要使用 Lexical,您只需将编辑器的实例绑定到正在编辑的元素,然后在编辑过程中,您可以通过命令和事件处理来控制编辑器的状态。 该库允许用户随时跟踪编辑器的状态,并根据状态之间的差异计算反映 DOM 中的变化。

您可以创建用于输入无标记纯文本的表单,以及创建类似于文字处理器的可视文档编辑界面,并提供插入表格、图像和列表、处理字体和控制文本对齐等功能。

开发人员有能力覆盖编辑器的行为 或连接控制器以实现非典型功能。

从 Lexical 中脱颖而出的功能, 提到以下内容:

  • 词法由附加到单个可编辑内容元素的编辑器实例组成。 一组编辑器状态表示编辑器在给定时间的当前和未决状态。
  • 词汇是为每个人设计的。 它遵循 WCAG 中建立的最佳实践,并与屏幕阅读器和其他辅助技术兼容。
  • 词汇量很小。 它不直接涉及用户界面组件、工具栏或富文本功能和降价。 这些功能的逻辑可以通过插件接口包含在内

图书馆的基本框架 包含所需的最少组件集, 通过插件的连接扩展其功能。 例如,通过插件,您可以连接额外的界面元素、面板、在所见即所得模式下进行可视化编辑的工具、对 Markdown 格式的支持,或用于处理某些类型内容的组件,例如列表和表格。

以插件的形式,还提供自动完成输入、限制输入数据最大大小、打开和保存文件、附加注释/评论、语音输入等功能。

最后值得一提的是 目前 Lexical 正在开发中 早期,API 和包可能会经常更改。 该代码是用 JavaScript 编写的,并在 MIT 许可下分发。

已经准备了几个演示 互动以熟悉图书馆的可能性,您可以咨询其中之一在以下链接中。

如果您想了解更多,可以咨询 以下链接中提供了详细信息。


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。