コンテンツへスキップ
EVOA Toolbox

MarkdownからHTMLへの変換

Markdown(GitHub Flavored)をきれいなHTMLに変換し、ライブプレビューで確認できます。結果のコピーやダウンロードも、すべてブラウザー内で完結します。

ブラウザー内でローカルに処理されます。テキストはアップロードされません。

ツールを読み込み中…

このツールでできること

Markdownを貼り付けると、すぐにHTMLが得られます。GitHub Flavored Markdown(GFM)に対応しており、表、タスクリスト、取り消し線、フェンス付きコードブロック、自動リンクのほか、見出し、強調、リスト、引用、リンクといった基本の記法も使えます。右側のライブプレビューでドキュメントの見た目を確認でき、2つ目のタブで生のHTMLを表示して、必要な部分をそのままコピーできます。

READMEやドキュメントの下書きをCMSやメールテンプレート用のHTMLに変換したり、メモから単体の .html ページをすばやく作成したり、公開前に表やコードブロックがどう表示されるかを確認したりといった用途に便利です。オプションで、単一の改行を <br> として扱ったり、従来の厳密なMarkdownにするためにGFMをオフにしたり、出力を最小限のスタイル付きの完全なHTMLドキュメントで包んだりできます。

変換はブラウザー内で marked ライブラリが行います。プレビューは意図的に制限されています。HTMLは許可リスト方式のサニタイザーを通したうえで、スクリプトの実行、フォームの送信、外部画像の読み込みができないサンドボックス化されたフレームに表示されます。書き出されるHTMLは、サニタイズのトグルがオンの場合にのみサニタイズされます(既定ではオンです)。

使い方

  1. 1左のボックスにMarkdownを貼り付けるか入力します。「例を挿入」を押すとサンプルを読み込めます。
  2. 2ライブプレビューの更新を確認するか、HTMLタブに切り替えてマークアップを表示します。
  3. 3オプションを選びます:GitHub Flavored Markdown、改行の扱い、書き出し時のサニタイズ、完全なドキュメントでの包み込みです。
  4. 4「コピー」を押すとHTMLがクリップボードに入ります。「ダウンロード」を押すと .html ファイルとして保存できます。

対応形式

入力:Markdownテキスト(GitHub Flavored拡張を含むCommonMark)。出力:HTMLの断片、または完全な .html ドキュメント。

プライバシー

Markdownはお使いのデバイス上で変換されます。アップロードは行われず、プレビューのフレームはサンドボックス化されているため、悪意のあるMarkdownでもスクリプトの実行やサーバーとの通信はできません。

制限事項

  • Markdown内の生のHTMLは、コンバーターによってそのまま通されます。サニタイズのトグルがオンでない限り、書き出されるHTMLはサニタイズされません。他の人が書いたMarkdownを扱う場合は、必ずオンのままにしてください。
  • サニタイザーはスクリプト、iframe、フォーム、インラインスタイル、イベントハンドラーを削除するため、高度な埋め込みHTMLの一部は、サニタイズ後の出力から取り除かれます。
  • プレビューでは、プライバシー保護のため外部画像を読み込みません(ブロックされます)。data: URIとして埋め込まれた画像は表示されます。外部画像は、公開後に書き出したHTMLの中で表示されます。
  • シンタックスハイライト、数式、図の拡張は含まれていません。コードブロックには、スタイルを付けられるよう language-xxx クラスが付いた状態で書き出されます。
  • 非常に大きなドキュメント(数MB)では、編集のたびにプレビューが再描画されるため、入力が重く感じられることがあります。

よくある質問

出力されたHTMLは、そのまま公開しても安全ですか?

サニタイズのトグルがオンの場合は、許可リストに基づいて、スクリプト、iframe、イベントハンドラー、インラインスタイル、javascript: リンクが削除されます。オフの場合は、入力した生のHTMLも含め、Markdownコンバーターが生成したままの内容が出力されます。信頼できない提供元のサニタイズされていない出力は、安全でないものとして扱ってください。

表やタスクリストに対応していますか?

はい、GitHub Flavored Markdownが有効な場合(既定)に対応しています。表、タスクリスト(- [x])、取り消し線(~~text~~)、自動リンクされたURLのすべてが使えます。従来の厳密なMarkdownにする場合は、GFMをオフにしてください。

改行が消えてしまうのはなぜですか?

標準的なMarkdownでは、1つの改行では行は変わりません。行末にスペースを2つ入れるか、空行を入れてください。改行オプションを有効にすると、GitHubのコメントと同様に、すべての改行が <br> に変換されます。

完全なHTMLページとして出力できますか?

完全なドキュメントのオプションをオンにしてください。出力が、doctype、head、UTF-8のmetaタグ、小さなスタイルシートで包まれ、.html ファイルとして保存したときに正しく開けるようになります。

関連ツール