Markdown to HTML Converter

Markdown記法で書かれたテキストを、WordPressなどのブログでそのまま使えるHTMLコードに一発で変換・カスタマイズできる便利なツールです。

スニペット挿入

表示プレビュー

📄 使い方ガイド

基本的な使い方
  1. Markdown・HTMLを入力する（双方向変換）
    左側の「Markdown記法」エリアにテキストを直接入力・ペーストするか、ファイルをドラッグ＆ドロップすると自動でHTMLに変換されます。また、右側の「HTMLコード」エリアにHTMLを貼り付けると、左側にMarkdownが自動で逆変換されます。
  2. HTMLコードを取得・保存する
    変換されたコードは [HTMLをコピー] ボタンを押すだけで、ワンクリックでクリップボードにコピーできます。[HTMLを保存 (.html)] からファイルとしてローカルに保存することも可能です。

⚙️ 便利なカスタマイズ機能
  • hタグにidを付ける
    見出し（h2〜h6）へ自動的に一意のIDを付与します。日本語の見出しにも対応し、同じ見出しが複数ある場合は末尾に連番が付きます。設定はブラウザに保存されるので、次回訪問時も選び直す必要はありません。
  • サンプルを試す
    見出し・箇条書き・テーブル・コードブロックを含むサンプル文章を読み込みます。どんな変換結果になるかをすぐ確認できます。
  • Markdownを読み込む
    手元にあるMarkdownファイル（.md や .txt）を読み込んでその場で展開・変換します。ツールのどこへドラッグ＆ドロップしても同じことができます。
  • スニペット挿入機能
    ボタンを押すだけで専用のコードをカーソル位置に挿入できます。テキストを選択した状態で押すと、選択部分を囲む形で挿入されます。挿入は Ctrl+Z（⌘+Z）で取り消せます。
    • 補足ボックス : 注意書きや補足情報を目立たせるボックス枠のショートコード
    • 吹き出し : ブログでよく使われる会話形式のレイアウト用ショートコード
    • 引用 / コードブロック / テーブル : 記事で頻出する基本ブロック
    • リンク / 画像 : URL部分を書き換えるだけで使える雛形
    • 区切り線 : スタイリッシュな境界線（***）