codex-team/editor.js

これは何？

主な機能

• 01HTMLマークアップの代わりにクリーンなJSONデータを出力
• 02コンテンツの追加や並べ替えができるブロック型インターフェース
• 03各ブロックタイプを個別のプラグインツールとして提供
• 04見出し、画像、テーブル、チェックリスト、埋め込みに対応する公式ツール
• 05editor.save()でコンテンツを取得できるシンプルなAPI

ユースケース

• 複数のプラットフォームで保存・描画するリッチテキストコンテンツエディターの構築
• Webアプリケーションへの構造化された記事・ブログエディターの追加
• 独自のブロックツールを作成してカスタムエディターを構築

クイックスタート

1. 1

   npm で Editor.js をインストールします

   npm i @editorjs/editorjs
2. 2

   README の一覧から必要なツールをインストールします

3. 3

   ページに id が editorjs のコンテナ div を追加します

4. 4

   EditorJS をインポートし、使用するツールを指定してインスタンスを作成します

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

• !ブロックタイプごとに個別のツールプラグインが必要なため、使用するツールをインストールして設定する必要があります。
• !コンテンツを保存するには editor.save() を呼び出し、返される Promise を処理する必要があります。

トピック

よくある質問

editor.js とは？

プラグインツールで拡張でき、HTMLではなくクリーンなJSONとしてコンテンツを保存するWeb向けブロック型テキストエディター。 Editor.jsは、Web向けのオープンソースのブロック型エディターです。コンテンツはテキスト、見出し、画像、リスト、引用、コードなどのブロックで構成され、各ブロックタイプは個別のツールプラグインとして提供されます。

editor.js は無料で使えますか？ライセンスは？

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

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

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

editor.js は何に使えますか？

複数のプラットフォームで保存・描画するリッチテキストコンテンツエディターの構築 Webアプリケーションへの構造化された記事・ブログエディターの追加 独自のブロックツールを作成してカスタムエディターを構築

editor.js のインストール方法は？

npm で Editor.js をインストールします: npm i @editorjs/editorjs README の一覧から必要なツールをインストールします ページに id が editorjs のコンテナ div を追加します EditorJS をインポートし、使用するツールを指定してインスタンスを作成します

editor.js はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/codex-team/editor.js