PELL・trixの特徴や利点、懸念点を比較しながら、テキストエディタ選定のポイントを解説。QuillやEditor.jsとの違いも紹介!

前回の続きです📝react-quill,Editor.jsは前半をご覧ください🙏

比較したテキストエディタライブラリ

PELL

データ構造

  • HTML形式

利点

  • Markdown記法に対応していること
  • サイズが軽量であること

  • trix
  • medium-editor
  • pell
  • quill

懸念点

  • 開発が2年以上止まっている(2020/08/23時点)
  • 基本的に自分でカスタマイズする方式なので、実装量が多くなりやすい
  • 直っていない不具合がいくつか確認出来た

trix

データ構造

  • HTML形式

利点

  • ファイルアップロードが可能
    • アップロードAPI先も指定出来る
  • 日本語入力中でもちゃんとイベント発火する
  • メンションや値の埋め込みが可能
メンションの様子
メンションの様子

懸念点

  • 選択した文字の色・背景色を変更する機能が備わっていない

おわりに

データ構造・利点・懸念点をリストアップし、私たちのアプリに必要な機能要件を満たすことが出来るのか1つ1つ比較・検討することで適切な技術選定が行えますね👍

Quillで実装されたエディタに興味を持った方はぜひご利用してみてください!🐬


関連記事:

AIを仕事の仕組みに変えたい20代へ

AIを使うだけでなく、1業務をチームの仕組みへ

社会人1〜3年目が身近な1業務を選び、人とAIの役割を分け、7日で試し、成果を共有する5ステップをまとめました。

若手社員のAI業務改善5ステップを見る
カフェ・オンライン30分の日時を見る