Webブラウザ上でmdをhtmlに変換する簡易エディタを作った

以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。

そして最近では、iPadで記事を書くことも増えたので、既存の方法では面倒になってきた。

そこで、Markdownからhtmlに変換するのをウェブ上でできればいいと考えた。既存のサービスがないか少しだけ調べたが、htmlでのプレビューのようなものが多かったので、自作することにした。ホスティングは面倒なので、codepenで作っておくことにした。

ここ ==> Markdown to raw html

機能

  • Markdown形式のテキストを入力すると変換済みのhtmlのテキストを出力する。
  • Markdownhtmlのテキストはともに(独立して)クリップボードにコピーできる。
  • Markdownhtmlは別個でダウンロードできる。

使ったライブラリ

使い方

左側のテキストエリアに文字を入力すると、右側にhtmlに変換された形式で出力される。

改善点

  • iPadではダウンロードができない。他のモバイル端末も恐らくできない。
  • 入力したmarkdownテキストをDropboxなどに手軽にバックアップできるようにしたい。
  • Markdownのテキストエリアへのペーストを行うと、変換がすぐに実行されない。
    • これはイベント監視でなんとかなるか?

埋め込んでおく

クリックしてロード

See the Pen Markdown to raw html by ikapper (@ikapper) on CodePen.

コメント

タイトルとURLをコピーしました