以前、レンズ上に記事の投稿プラットフォームを構築しようと考えましたが、進めるうちにどんどんうまくいかなくなり、ただの Mirror のクロスチェーンバージョンになってしまい、価値がないと感じました。現在は半ば諦めている状態です。ここでは、プロジェクトの過程で試したいくつかのリッチテキストエディタとそれらの比較を記録します。
Editor.js https://editorjs.io/
モジュール化され、拡張性とカスタマイズ性に優れたエディタです。ブロックベースの編集方法を採用しており、コンテンツの組織化とフォーマットが簡単になります。
最初に試したエディタで、Notion のようなアプリを作るのに便利でした。JSON 形式で出力できるため、IPFS に直接保存するのも簡単です。多くのプラグインがあり、エディタで必要な機能のほとんどをカバーしています。プラグアンドプレイで、プロジェクトに合わせてプラグインを微調整するだけです。ただし、TS のサポートが不足しているため、使いづらく感じました。また、エディタのスタイルを変更するのも難しく、私が求めているのは Mirror の WYSIWYG 効果ですが、少なくとも私には変更できませんでした。これらの欠点を除けば、エディタとしては十分に使えます。
Lexical https://lexical.dev/
Facebook チームによって開発された拡張可能なテキストエディタフレームワークです。
Editor.js を捨てた後、Lexical を見つけました。私の要求に合致すると感じました。調査した結果、十分に自由で、TS も十分にサポートしており、自分の望むエディタに拡張することができます。ただし、このものはまだフレームワークに過ぎず、自分自身のノードを定義する必要があり、プラグインも自分で作成する必要があります。つまり、自分自身のエディタを作るためにはさらにラッピングする必要があります。また、Lexcial は現在早期開発段階にあり、公式ドキュメントが不十分であり、個人プロジェクトで使用すると後続のメンテナンスリスクがあります。コストが高すぎると感じ、使用を断念しました。
PS：https://github.com/ozanyurtsever/verbumは Lexical をベースにしたエディタで、使用は比較的簡単です。
TinyMCE https://www.tiny.cloud/
機能豊富で成熟したリッチテキストエディタです。
TinyMCE はすでに成熟した商用アプリケーションです。テキストのフォーマット、画像やメディアの挿入、リストやテーブルの作成など、ほとんどのリッチテキスト編集のニーズを満たすことができます。多くの公式およびコミュニティのプラグイン、使いやすい API が提供されており、特定の要件を満たすためにエディタを簡単にカスタマイズすることができます。ドキュメントも十分に詳細で、ほとんどの問題をカバーしています。ユーザーはエディタの外観をカスタマイズして、プロジェクトのデザイン要件に合わせることができます。
これは現時点で私が総合的なコストパフォーマンスが最も良いエディタだと感じています。十分にシンプルでありながら複雑であり、さまざまな要件に対応できます。欠点はパフォーマンスの問題であり、特に多くのプラグインを読み込んだり、大量のコンテンツを処理する場合に顕著です。一部のプラグインの機能には料金がかかるかもしれませんが、独自のプラグインをカスタマイズして解決することができます。
CKEditor https://ckeditor.com/
機能豊富で成熟したリッチテキストエディタです。
TinyMCE と似ていますが、詳しくは調べていません。ただし、CKEditor には私が好きな新機能があります。doc ファイルを直接アップロードし、doc ファイルのスタイルを保持することができます。多くの doc ファイルを処理する必要がある企業にとって非常に便利です。ただし、HTML に限定されており、自動ページ分割やヘッダー・フッターのインポートは手動で処理する必要があります。
CodeMirror https://codemirror.net/
軽量なコードエディター、主にコード編集を対象としています。
CodeMirror についてはあまり詳しくありませんが、一家言を述べるだけです。厳密に言えば、CodeMirror はリッチテキストエディタには該当しませんが、markdown のサポートを拡張してリッチテキストエディタにすることができます。xlog が現在行っているようにです。最大の利点は非常に軽量であり、上記のパフォーマンスの問題はありません。ただし、エディタとしての体験はまだ十分ではなく、さらなるカスタマイズが必要です。たとえば、xlog では現在、アップロードした画像のサイズや位置、キャプションの追加ができません。
最後に感じたのは、ユーザーに使いやすい長文エディタをプロジェクトで提供することは本当に難しいということです。