HTML と Markdown の相互変換

Web ページから書式ごとコピーしたテキストもそのまま変換できます。

変換はブラウザの中だけで行い、入力も出力もサーバーへ送信しません。

HTML

書式付きで貼り付ける

Markdown

変換の設定

使い方

左に貼り付けると右に変換結果が出ます。「書式付きで貼り付ける」を入れると、 Web ページや Word・Google ドキュメントからコピーした見た目付きのテキストをそのまま貼れます（ブラウザがクリップボードに入れている HTML をそのまま変換します）。

「相対リンクを絶対 URL にする」に貼り付け元のアドレスを入れておくと、 /foo や ../bar.png のようなリンクと画像が、たどれる URL になります。

変換できるもの（HTML → Markdown）

HTML	Markdown
`<h1>〜<h6>`	`#` 〜 `######`
`<strong>` / `<em>`	`太字` / `_斜体_`
`<ul>` / `<ol>`（入れ子も）	`-` / `1.`
`<pre><code>`	``` で囲んだブロック
`<blockquote>`	`>`
`<table>`	GFM の表（設定で切り替え）
`<del>` / `<s>`	`~~打ち消し~~`（GFM）
`<script>` / `<style>`	捨てる

変換には Turndown 7.2.0 + turndown-plugin-gfm 1.0.2（HTML → Markdown）と marked 15.0.7（Markdown → HTML）を使っています（いずれも MIT ライセンス）。 このページと同じ場所に置いてあり、外部のサーバーからは読み込みません。

プログラミング生放送