Prosemirrorでチップ画像をテキストエディタに表示する始めに 以前テキストエディタにチップ画像を表示させる方法で、contenteditableを設定して実装する方法を紹介しました。 しかし自前でDOMを操作するのは大変手間でバグも発生しやすく、実装が大変です。テキストエディタをカスタマイズするためのライブラリにProsemirrorというものがあり、こちらを使うと泥臭い実装を任せることができたので、こちらのやり方も紹介したいと思います。 先にサンプルコードを載せますので、動きが気になる方は先に触ってみてください。 Prosemirrorとは 概要 「始めに」で書いたように、テキストエディタをリッチにカスタマイズするためのライブラリです。事前にテキスト構造のスキーマを定義することで、独自で定義した形式を追加することができ、非常にカスタマイズ性に優れています。 Backlogでも取り入れているようです。 最小構成 Prosemirrorはオール
