メインコンテンツへスキップ

無料マークダウンからHTMLへのコンバーター

ライブ プレビューを使用して Markdown をクリーンな HTML に変換します。ソース ビューを使用して、すぐに貼り付けられる HTML をブログ、CMS、または電子メール テンプレートにコピーします。

読み込み後はオフラインでも動作
HTML出力がここに表示されます…

主な用途

  • MarkdownをCMSに公開MarkdownノートをHTMLに変換し、HTMLのみを受け入れるCMSに貼り付けます。
  • HTMLメールコンテンツを構築MarkdownをトランザクショナルメールとニュースレターのHTMLに変換します。
  • READMEファイルをローカルでプレビューREADME.mdを貼り付けて、GitHub、GitLab、またはnpmでどのようにレンダリングされるかを確認します。
  • スタティックサイト用のページコンテンツを生成Markdownボディコンテンツを、手作りのスタティックサイトまたはワンオフページ用のHTMLに変換します。
  • ドキュメンテーションHTMLを構築内部MarkdownドキュメントをHTMLに変換し、アプリ、ヘルプセンター、またはナレッジベースに埋め込みます。

使い方

変換は、手書きのMarkdownパーサーによってブラウザ内で完全に行われます — サードパーティのライブラリもサーバーへのリクエストも不要です。パーサーはソースを行ごとに走査し、ブロックレベルのルール(見出し、リスト、テーブル、フェンス付きコード)を適用した後、太字、斜体、リンク、画像、インラインコードのための2回目のインライン正規表現パターンのパスを実行します。

  1. 1
    ブロック構造が最初に解析される
    パーサーは生のMarkdownを行ごとに読み取り、ブロックレベルの構造を識別します:フェンス付きコードブロック(任意の言語クラス付き)、ATX見出し(#から######まで)、引用、GFMタスクリストのチェックボックスを含む順序付き・順序なしリスト、列配置付きGFMテーブル、水平線、ソフトラップされた継続行を正しく結合する段落です。
  2. 2
    各ブロック内でインラインパターンが適用される
    各ブロックのテキストがHTMLエスケープされた後、parseInline()内の正規表現チェーンがインライン構文を変換します:画像とリンク(javascript:やdata:のhrefを除去するURLスキームのホワイトリスト付き)、**太字**、*斜体*、~~取り消し線~~、インラインコード — この優先順位で処理されます。
  3. 3
    プレビュー切り替え付きのライブHTML出力
    HTML文字列はキーストロークごとにuseMemoで再計算されるため、右側のパネルは即座に更新されます。トグルで、生のHTMLソース表示とブラウザ自体のレイアウトエンジンを使ってレンダリングされたプレビューを切り替えられます。
  4. 4
    リッチテキストコピーを含む3つの出力オプション
    生のHTMLマークアップをコピーする、DOCTYPEとcharsetのmetaタグを持つ完全な単独の.htmlファイルをダウンロードする、または「リッチテキストをコピー」を使う — これはClipboard APIのClipboardItemを介してtext/htmlとtext/plainの両方のMIMEタイプをクリップボードに書き込みます。これにより、整形された結果を追加の手順なしでGmail、Google Docs、Wordに直接貼り付けられます。

関連ツール

よくある質問