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を付与します。ブログ内で目次を自動生成したい場合や、特定の見出しへアンカーリンクを飛ばしたいときに便利です。
  • MDインポート
    手元にあるMarkdownファイル(.md や .txt)を読み込んでその場で展開・変換します。
  • スニペット挿入機能
    文章の途中でアクセントをつけたいときに、ボタンを押すだけで専用のコードをカーソル位置に即座に挿入できます。
    • 補足ボックス : 注意書きや補足情報を目立たせるボックス枠のショートコード
    • 吹き出し : ブログでよく使われる会話形式のレイアウト用ショートコード
    • 区切り線 : スタイリッシュな境界線(***)
    • テーブル : 表組みを素早く作成するための雛形マークダウン