facebook/lexical

これは何？

主な機能

• 01フレームワークに依存しないコアと公式Reactバインディング
• 02標準のUndoとRedoに対応した不変の状態モデル
• 03拡張ポイントを備えたプラグインベースのアーキテクチャ
• 04JSON、Markdown、HTMLのインポートとエクスポート
• 05Yjsとの連携によるリアルタイム共同編集
• 06型定義付きのTypeScript実装

ユースケース

• Reactアプリケーションへのリッチテキストエディターの追加
• カスタムノードタイプを使った独自エディターの構築
• Webアプリでのリアルタイム共同編集の実現
• エディターのコンテンツをHTML、Markdown、JSON間で変換

クイックスタート

1. 1

   React バインディングとともに Lexical をインストールします

   npm install lexical @lexical/react
2. 2

   README の React の例にあるように、LexicalComposer と content editable プラグインを使ってエディターを作成します

使う前に知っておきたいこと

• !対応ブラウザーは、Chrome 86 以降、Firefox 115 以降、Safari 15 以降など、比較的新しいバージョンに限られます。

トピック

よくある質問

lexical とは？

Metaが開発する拡張可能なテキストエディターフレームワーク。フレームワークに依存しないコアと公式Reactバインディングを備えています。 Lexicalは、Webアプリケーション向けに独自の編集体験を構築するためのテキストエディターフレームワークです。コアはUIフレームワークに依存せず、プラグインベースのアーキテクチャで動作やカスタムノードタイプを追加できます。また、公式のReactバインディングも提供しています。

lexical は無料で使えますか？ライセンスは？

lexical は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

lexical は今もメンテナンスされていますか？

活発にメンテナンス中。lexical の最終コミットは 2026年10月21日 です。

lexical は何に使えますか？

Reactアプリケーションへのリッチテキストエディターの追加 カスタムノードタイプを使った独自エディターの構築 Webアプリでのリアルタイム共同編集の実現 エディターのコンテンツをHTML、Markdown、JSON間で変換

lexical のインストール方法は？

React バインディングとともに Lexical をインストールします: npm install lexical @lexical/react README の React の例にあるように、LexicalComposer と content editable プラグインを使ってエディターを作成します

lexical はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/facebook/lexical