COMPONENT TECHNOLOGIES
要素技術のご紹介
editor.js
エディター ジェーエス
Editor.jsは、従来のWYSIWYGエディタとは異なり、コンテンツを「ブロック単位」で扱うことを前提に設計されたリッチテキストエディタです。段落、見出し、画像、リストなどを独立したデータ構造として管理し、JSON形式で出力できるのが特徴です。拡張性が高く、独自ブロックの追加やカスタマイズも容易で、CMSやWebサイト上に設置する入力コンポーネントを自由に設計・実装することができます。シンプルなUIと高い柔軟性を両立した、開発者志向のエディタライブラリです。
歴史と背景
Editor.jsは、コード共有サービス「CodeX」などを開発するロシアのチームによって開発されました。従来のHTMLベースのリッチテキストエディタが抱える構造の不透明さや、出力の不安定さといった課題を解決するために設計されています。特に、コンテンツを構造化データとして扱う思想は、近年のヘッドレスCMSやAPIベースのフロントエンドアーキテクチャの流れと強く結びついています。現在では、軽量で拡張性の高いエディタとして、多くのWebアプリケーションやCMSで採用されています。
特徴
- コンテンツをブロック単位で管理し、構造化されたJSONとして出力できる
- プラグインベースで機能を拡張可能（見出し、画像、コード、埋め込みなど）
- HTMLに依存しないため、データの再利用や変換がしやすい
- UIがシンプルで、編集体験が直感的
- ヘッドレスCMSやSPAとの親和性が高い
上記のような特徴を踏まえ、BLOOM DESIGNでは独自設計のCMS（Content Management System）の多くで、運営・更新担当者の方が直接触れる入力画面のインターフェースとして「editor.js」を採用しています。
