esa.ioのようにリアルタイムで自分の書いているマークダウンがどんな風に見えるかが わかるエディタがほしいなと思って、作ってみた。

作ったもの

md_editor READMEにだいたい書いてあります。

仕組み

Railsを使っている。 マークダウンパーサにはmarked.jsを使っている。 jQueryも使っている。 テキストボックスが編集されたのをフックして、パースする関数に渡して、リアルタイムで描画しているだけ。

感想

最初はパーサーから作ろうと思ってたんだけど、難しそうだな〜と思ってやめてしまった。 esa.ioのエディタはかなり理想的なんだけど、 リアルタイム性に欠ける(一呼吸してから描画される感じ)なので、 結構満足している。UIは改善したい。