数日前 FacebookがLexicalライブラリをオープンソース化したというニュースが報じられました JavaScriptは、WebサイトおよびWebアプリケーション用の高度なテキスト編集Webフォームおよびテキストエディターを作成するためのコンポーネントを提供します。
本質的に、レキシカルは テキスト編集エンジン、プラタフォーム 機能豊富なWebエディタを作成します。 同時に、ユーザーは実装ごとに同じリッチテキスト機能を何度も書き直す必要はないと考えています。 Lexicalは、リスト、リンク、テーブルなどの一般的な機能を追加するために使用できる個々のモジュラーパッケージのセットを公開します。
ライブラリの特徴は次のとおりです。 サイトへの統合のしやすさ、コンパクトなデザイン、モジュール性とサポート スクリーンリーダーなど、障害を持つ人々のためのツール用。
Lexicalは、信頼性、アクセシビリティ、パフォーマンスに重点を置いた拡張可能なJavaScriptWebテキストエディタフレームワークです。 Lexicalは、クラス最高の開発者エクスペリエンスを提供することを目的としているため、自信を持って機能のプロトタイプを簡単に作成および構築できます。 Lexicalは、高度に拡張可能なアーキテクチャと組み合わせることで、開発者がサイズと機能を拡張できる独自のテキスト編集エクスペリエンスを作成できるようにします。
レキシカルについて
ライブラリは 接続が簡単で、外部のWebフレームワークに依存しないように設計されています。 ただし、Reactフレームワークと簡単に統合できるように、すぐに使用できるバインディングを提供します。
Lexicalを使用するには、エディターのインスタンスを編集中の要素にバインドするだけです。その後、編集プロセス中に、コマンドおよびイベント処理を通じてエディターの状態を制御できます。 ライブラリを使用すると、ユーザーはいつでもエディターの状態を追跡し、状態間の差異の計算に基づいてDOMの変更を反映することができます。
マークアップなしでプレーンテキストを入力するためのフォームを作成したり、ワードプロセッサに似たビジュアルドキュメント編集用のインターフェイスを作成したり、表、画像、リストの挿入、フォントの操作、テキストの配置の制御などの機能を提供したりできます。
開発者は、エディターの動作をオーバーライドすることができます または、コントローラーを接続して非定型の機能を実装します。
の Lexicalから際立った機能、以下が言及されています:
- Lexicalは、コンテンツの単一の編集可能な要素にアタッチされたエディターインスタンスで構成されています。 エディターの状態のセットは、特定の時点でのエディターの現在の状態と保留中の状態を表します。
- Lexicalはすべての人のために設計されています。 WCAGで確立されたベストプラクティスに従い、スクリーンリーダーやその他の支援技術と互換性があります。
- 字句は最小限です。 ユーザーインターフェイスコンポーネント、ツールバー、またはリッチテキスト機能やマークダウンには直接対応していません。 これらの関数のロジックは、プラグインインターフェイスを介して含めることができます
ライブラリの基本的なフレームワーク 最低限必要なコンポーネントのセットが含まれています。 その機能はプラグインの接続を通じて拡張されます。 たとえば、プラグインを介して、追加のインターフェイス要素、パネル、WYSIWYGモードでのビジュアル編集用のツール、Markdown形式のサポート、またはリストやテーブルなどの特定のタイプのコンテンツを操作するためのコンポーネントを接続できます。
プラグインの形式では、オートコンプリート入力、入力データの最大サイズの制限、ファイルのオープンと保存、メモ/コメントの添付、音声入力などの機能も利用できます。
最後に、それは言及する価値があります 現在、Lexicalは現在開発中です 早期に、APIとパッケージはかなり頻繁に変更される可能性があります。 コードはJavaScriptで記述されており、MITライセンスの下で配布されています。
いくつかのデモンストレーションが準備されています インタラクティブにライブラリの可能性に精通し、そのうちのXNUMXつを調べることができます次のリンクのs。
それについて詳しく知りたい場合は、 詳細は次のリンクをご覧ください。