Editor.js Editor.jsとは

記事作成日: 2021-12-20

Editor.jsは、JavaScript製のWYSIWYGブロックエディタです。

ブロックエディタとは

古典的なエディタは、単一のcontenteditable要素で構成されていますが、Editor.jsでは、見出し、段落、画像、リスト、引用など、個別のブロックから構成されています。

単一ページ型の場合、長文のテキストなどをコピペ・入れ替えしたり画像の拡大・縮小する際にミスやバグが生じやすいです。私が使っていたHtmlエディタもバグがいくつかあってこのエディタに辿り着きました。単純に、シームレスで区切りがはっきりしないワークスペースは細かな操作をしづらいと思います。

ブロックエディタでは見出し、段落、画像などがそれぞれ独立したコンテンツ化可能な要素（プラグイン）で構成されているので、バグが生じにくく、入れ替えなどの操作もしやすくなっています。

ゴテゴテと汚いコードを吐き出すアプリも多いですがコンテンツの説明を含む構造ブロックのリストのみを出力します。

エディターのすべての主要な機能ユニット（ブロック、インラインフォーマットツール、ブロックチューン）は、エディターのAPIを使用する外部プラグインによって提供されます。

誰でも改善やバグフィックスを提案することができます。誰でも新しいクールなAPI機能やプラグインを作ることができます。