Facebook がテキスト エディターを作成するためのライブラリである Lexical をオープンソース化

Facebook (ロシア連邦では禁止されている) は、Web サイトや Web アプリケーションのテキスト編集用のテキスト エディターや高度な Web フォームを作成するためのコンポーネントを提供する Lexical JavaScript ライブラリのソース コードを公開しました。 このライブラリの特徴としては、Web サイトへの統合の容易さ、コンパクトなデザイン、モジュール性、スクリーン リーダーなどの障害者向けツールのサポートが挙げられます。 コードは JavaScript で書かれており、MIT ライセンスに基づいて配布されます。 ライブラリの機能を理解するために、いくつかのインタラクティブなデモンストレーションが用意されています。

このライブラリは接続が簡単になるように設計されており、外部の Web フレームワークに依存しませんが、同時に React フレームワークとの統合を簡素化する既製のバインディングを提供します。 Lexical を使用するには、編集中の要素にエディターのインスタンスをバインドするだけで十分です。その後、編集プロセス中に、イベントとコマンドの処理を通じてエディターの状態を制御できます。 このライブラリを使用すると、いつでもエディターの状態を追跡し、状態間の差異の計算に基づいて DOM の変更を反映できます。

マークアップなしで単純なテキストを入力するためのフォームを作成することも、ワードプロセッサを彷彿とさせ、表、画像、リストの挿入、フォントの操作、テキストの配置の制御などの機能を提供するドキュメントの視覚的な編集のためのインターフェイスを構築することも可能です。 開発者は、エディターの動作をオーバーライドしたり、ハンドラーを接続して非定型的な機能を実装したりできます。

ライブラリの基本フレームワークには、必要最小限のコンポーネントのセットが含まれており、プラグインを接続することで機能が拡張されます。 たとえば、プラグインを通じて、追加のインターフェイス要素、パネル、WYSIWYG モードでのビジュアル編集用のツール、マークダウン形式のサポート、またはリストやテーブルなどの特定の種類のコンテンツを操作するためのコンポーネントを接続できます。 プラグイン形式では、入力の自動完了、入力データの最大サイズの制限、ファイルを開いたり保存したり、メモやコメントの添付、音声入力などの機能も利用できます。

出所: オープンネット.ru

コメントを追加します