MarkdownをHTMLに変換:プレビュー・HTMLコード・ダウンロード

このMarkdownをHTMLに変換するツールでは、Markdown記法のテキストを貼り付けるだけで、すぐにプレビューと完成したHTMLコードが見られます。見出し、リスト、表、コード、リンク、画像に対応。埋め込まれたHTMLは実行されず、そのまま文字として表示されます。

出典:CommonMark Spec 0.31 (ブロック、リスト、強調、リンクのリファレンス)。更新日:

表、~~取り消し線~~、タスクリスト、https://のURLの自動リンクを使えるようにします。
文章中の1回の改行を、GitHubのコメントと同じように改行として扱います。通常はスペースになります。
マイツールボックス入力内容はこのブラウザーにのみ保存されます。

Markdownを貼り付けるか入力してください。テキスト中の生のHTMLは実行されず、文字として出力されます。

入力したテキストはブラウザー内にとどまります。送信・保存されず、アドレスバーにも表示されません。

プレビュー

結果

HTMLコード
<h1>ようこそ</h1> <p>これは<strong>サンプル</strong>で、<em>強調</em>や<code>コード</code>、<a href="https://example.com">リンク</a>を含みます。</p> <ul> <li>最初の項目</li> <li>2番目の項目 <ul> <li>子項目</li> </ul> </li> </ul> <table> <thead> <tr> <th>名前</th> <th align="right">値</th> </tr> </thead> <tbody> <tr> <td>A</td> <td align="right">1</td> </tr> </tbody> </table> <blockquote> <p>引用</p> </blockquote> <pre><code class="language-js">console.log(&quot;こんにちは&quot;); </code></pre>
サイズ
HTML 447文字、見出し1個、リンク1個、表1個、コードブロック1個。

計算方法

Markdownは、書式付きの文章を簡単に書くための記法です。#で見出し、**太字**、- 項目でリストになります。このツールはそれをHTMLに変換するので、Webページやメールマガジン、ショップの商品説明、CMSなどにそのまま貼り付けられます。

MarkdownをHTMLに変換する手順

  1. Markdownのテキストを入力欄に貼り付けるか、サンプルを使います。
  2. プレビューを確認します。Webページとしてどう見えるかが分かります。
  3. HTMLコードをコピーするかダウンロードします。「完全なHTMLドキュメント」を選ぶと、最初の見出しをタイトルにした完成ページが得られます。

対応している記法

見出し(#と下線の両方)、段落、強調、太字、文中コードと言語指定付きのコードブロック、引用、入れ子のリスト、区切り線、リンク(参照形式も可)、画像、自動リンクに対応します。GitHub拡張をオンにすると、配置指定付きの表、取り消し線、タスクリスト、URLの自動リンクも使えます。変換はCommonMarkに沿っていますが、すべての特殊なケースを網羅しているわけではありません。

安全性と制限

テキストはブラウザ内にとどまり、送信も保存もされません。

よくある質問

MarkdownをHTMLに変換するには?

Markdownのテキストを入力欄に貼り付けると、HTMLコードがすぐに表示されます。コピーすることも、ファイルとしてダウンロードすることもできます。プレビューで仕上がりを確認できます。

どのMarkdown記法に対応していますか?

GitHub拡張付きのCommonMarkに対応し、見出し、リスト、引用、コード、リンク、画像、表、取り消し線、タスクリストが使えます。脚注と数式は含まれません。

出力されるHTMLは安全ですか?

はい。埋め込まれたHTMLやスクリプトはそのまま出力されず、文字としてエスケープされ、危険なリンク先は取り除かれます。他人が書いた文章の場合は、リンク先を念のため確認してください。

Markdownの中に自分のHTMLを書けますか?

いいえ。結果の安全性を保つため、意図的に無効にしています。独自のタグは、変換後のHTMLコードに追加してください。

表やタスクリストはどう書きますか?

GitHub拡張をオンのままにしてください。表は縦線とハイフンの区切り行で、タスクは「- [ ] 未完了」「- [x] 完了」の形で書きます。

入力したテキストは保存されますか?

いいえ。変換はブラウザ内で行われ、テキストは送信も保存もされず、アドレスバーにも書き込まれません。

出典・根拠

更新日: · 編集方針

関連ツール