MarkdownからHTML

MarkdownのサブセットをHTMLにしてプレビューします。文字参照は HTML から Markdown · HTMLエンティティ

プレビュー
HTML

変換されるもの

このページはMarkdownのサブセットをHTMLにし、ソースの横にプレビューを出します。変換はブラウザで行います。名前付きの文字参照はHTMLエンティティにあります。逆方向は HTML から Markdown。

使い方

  1. Markdownを入力します。プレビューとHTMLの欄は、入力と同時に更新されます。
  2. 変換は、同じ変換を1回実行します。
  3. 例を表示は、題がNotesのメモ、太字とインラインコードのある段落、alphaとbetaの箇条書き、oneとtwoの番号付きリスト、引用、https://example.comへのリンク、水平線を読み込みます。
  4. その例のHTMLには<h1>Notes</h1>、<strong>bold</strong>、<code>code</code>、ul、ol、blockquote、そのリンク、<hr>が含まれます。
  5. すべてクリアはMarkdown、プレビュー、HTMLを空にします。結果をコピーはHTMLをコピーします。

このページが読むMarkdown

ATX見出しは#を1つから6つ使います。空行が段落を分けます。**bold**と__bold__はstrongです。*italic*と_italic_はemphasisです。インラインコードはバッククォートです。フェンスされたブロックはバッククォート3つです。リンクは[text](url)、画像は![alt](url)です。箇条書きは-または*で始まります。番号付き項目は数字とピリオドで始まります。引用は>で始まります。水平線は---、***、___の行です。

表は見出し行、ダッシュの区切り行、本体の行で、セルは|で分かれます。HTMLを始める文字はエスケープするので、生の<script>はテキストのままです。タスクリスト、取り消し線、脚注は、そのままのテキストとして残します。

使う場面

  • READMEの断片が、どう見えるか確かめる。
  • 小さなHTMLの断片を、ページへコピーする。
  • パイプで区切った表を、table要素にする。

質問

生のタグがテキストとして見えるのはなぜですか?

このページは先にHTMLをエスケープし、そのあと対応しているMarkdownを適用します。

PDFは作れますか?

出力はHTMLです。印刷やPDFは、別の手順です。