Markdown → HTML

MarkdownをHTMLに変換、ライブプレビュー付き

🔒 テキストはサーバーに送信されません

MarkdownをHTMLに変換する手順

  1. Markdownを貼り付ける。左の入力欄に直接書くか、エディタからコピーして貼り付けます。入力と同時に変換されます。
  2. プレビューを確認する。下のプレビュー欄に表示結果が出るので、意図どおりの見た目になっているか確かめられます。
  3. HTMLを確認する。右の欄に、生成されたHTMLがそのまま使える形で表示されます。
  4. コピーして使う。「コピー」を押して、ブログの編集画面やメールのテンプレートに貼り付けてください。

このツールでできること

Markdownは書くのが楽な記法ですが、貼り付け先がHTMLしか受け付けないことは少なくありません。Markdownに対応していないブログサービス、メールマガジンのテンプレート、独自のウィジェットや入力欄などです。このツールは、書いたMarkdownをそのまま貼り付けられるHTMLに変換します。プレビューが付いているので、公開してから見た目が崩れていた、ということもありません。

入力した文章はすべてブラウザ内で処理されます。サーバーに送信されることは一切ないため、未公開の下書きも手元に保たれたままです。

そもそもMarkdownで書く利点

Markdownは、ごく少ない記号だけで文章の構造を指定できる記法です。見出しは#、強調はアスタリスク、箇条書きはハイフンで表します。書いている最中もそのまま文章として読めますし、マウスに持ち替えずキーボードだけで書き進められます。中身はただのテキストなので、どのエディタでも開けて、変更履歴の管理とも相性がいいのが特長です。

一方、ブラウザが実際に読むのはHTMLです。書くときはMarkdown、最後にHTMLへ変換、という流れにすれば、書きやすさと、どのサービスにも貼り付けられる形式の両方が手に入ります。

よくある質問

変換ボタンを押す必要はありますか?

ありません。HTMLもプレビューも入力に合わせて自動で更新されるので、書き直しながらすぐに結果を確認できます。

WordPressにそのまま貼り付けられますか?

貼り付けられます。ただしビジュアルエディタではなく、「カスタムHTML」ブロックかコードエディタに貼ってください。ビジュアルエディタに貼ると、タグがそのまま文字として表示されてしまいます。

一部の書式が変換されませんでした

Markdownにはいくつかの方言があり、表や脚注などは元の仕様には含まれない拡張記法です。反映されない場合は、その記法が拡張版のものでないか確認してみてください。

入力した文章はサーバーに送信されますか?

いいえ。変換処理はすべてお使いのブラウザ内で行われるため、書いた内容が端末から外に出ることはありません。