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. 權利:您可以隨時限制,恢復和刪除您的信息。