#dd6e6e}ikapblogITおおめ、忘れそうなことを書き留めますホームWebブラウザ上でmdをhtmlに変換する簡易エディタを作った2019.07.24以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。最近では、iPadで記事を書くことも増えたので、既存の方法では面倒になってきた。そこで、Markdownからhtmlに変換するのをウェブ上でできればいいと考えた。既存のサービスがないか少しだけ調べたが、htmlでのプレビューのようなものが多かったので、自作することにした。ホスティングは面倒なので、codepenで作っておくことにした。埋め込んでおく機能Markdown形式のテキストを入力すると変換済みのhtmlのテキストを出力する。Markdownとhtmlのテキストはともに(独立して)クリップボードにコピーできる。Markdownとhtmlは別個でダウンロードできる。左側のテキストエリアに文字を入力すると、右側にhtmlに変換された形式で出力される。改善点iPadではダウンロードができない。他のモバイル端末も恐らくできない。入力したmarkdownテキストをDropboxなどに手軽にバックアップできるようにしたい。Markdownのテキストエリアへのペーストを行うと、変換がすぐに実行されない。flex;で動的な幅変化に対応するCSSのメモ。flex;で動的な横並べを行う。要素Aの隣にある程度の幅が空いていれば、隣に要素Bを表示したい。要素Aは固定幅を持ち、要素Bは最小幅を持ち、幅の空きに応じて横に広がる。spanを使った時に、上下方向にセンタリングする。middle;を使っても、うまくいかなかった。内部要素のスクロールだけ可能にするスクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。-webkit-fill-a...WebCSSの疑似クラスが便利そうCSSの疑似クラスというものを知りました。ikapでJavascriptでhoverを管理していた。0だとテキストと重なる。コメントをキャンセルコメントを投稿するにはログインしてください。埋め込んでおくタイトルとURLをコピーしました。