Metaは現在、JavaScript Webテキストエディターフレームワークの「Lexical」をリリースしている。軽快さや拡張性、アクセシビリティを重視し、開発者は必要に応じた機能を持つテキストエディターが利用可能。基本的な雰囲気はWebで確認できるが、ローカル環境に導入する場合は、「npm install --save lexical @lexical/react」を実行する。

  • Webブラウザー上で動作するLexical

    Webブラウザー上で動作するLexical

Lexicalは編集要素に取り付くエディターインスタンス、エディターの状態を示すセット、セット情報を受け取り、状態に応じてDOMを更新するリコンサイラーの3要素で構成されている。そのため、UIコンポーネントやツールバー、リッチテキスト機能、マークダウンなどの機能はプラグイン経由で実装・拡張する仕組みだ。公式サイトのプラグインページでは、Lexicalの状態更新時に呼び出すプラグインや、リッチテキスト編集の主要な機能を追加するプラグインなど、基本的なプラグインのみ配布している。関心を持たれた方はGitHubからプレーンテキスト/リッチテキストのサンドボックスを試してほしい。

  • リッチテキスト版のサンドボックスも用意している

    リッチテキスト版のサンドボックスも用意している