自作ブログで投稿機能を作る祭に色々なライブラリのまとめが無く困ったことが合ったので、Qiita上に残そうと思います。エディタを実現しているライブラリは以下の通リで、殆どが外部のものですが組み合わせることで簡単に実装することができます。HTMLを実現するJavaScriptライブラリMarkdownの形式はCommonmarkという記法に則ったものを使用しています。派生が多いので迷ったのですが、jsのライブラリで採用されているものが多いということでこれを使用。highlightを実装するjsライブラリも多くの種類があります。browsers”というイカしたキャッチフレーズを持つ数式描画用Javascriptライブラリです。\frac{\pi^2}{6}\tag{1}$実装方法(公式ドキュメント)typesetというのは、英語的には属性を明示するなどという意味ですが、公式ドキュメントを見る限り、入力をコンパイル・レンダリングする事を指しているように思いますので、ここではmarkdownを入力としてHTMLを生成し#preview_areaに反映させることを指しているのではないかと考えられます。MathJaxは数式をSVGなどで描画する処理負荷の高いライブラリなので、例えば一文字一文字のTextareaの入力の変化毎に数式を再レンダリングをすることは現実的ではありません。まとめ活用した外部ライブラリは以上です。今回作成した簡易エディタは色んなライブラリのごった煮ではあります。組合せるだけでQiitaが実装しているようなエディタは簡単に実装できるということを紹介するのが本投稿の目的でした。dropでの画像アップローダ入力文字の時間差反映なども自作しているのですが、少し記事が長くなるので、別日に更新します。upLoginユーザーは見つかりませんでした。