HTML へのマークダウン

Markdown to HTML Converter は、Markdown ソース (README、変更ログ、ブログ ドラフト、リリース ノートのセット) をブラウザまたは CMS がレンダリングする HTML に変換します。左側に Markdown を貼り付けるか入力すると、右側にセマンティック HTML が表示されます。見出しは h1 ～ h6 になり、フェンスで囲まれたコードは pre になり、言語クラスを持つコードになり、リストは ul と ol になり、テーブル、タスク リスト、取り消し線などの GitHub 拡張機能は GitHub がレンダリングする方法で処理されます。

Markdown はプレーンテキストの書き込みフォーマットであり、表示フォーマットではありません ページ上に表示される場所ならどこでも - docs サイト、静的ブログ、メールテンプレート、HTML だけを受け入れる CMS フィールド - 何かが最初にコンパイルする必要があります ブラウザでそれを行うことは、パーサーをビルドに引き込んだり、下書きを制御していないサービスに貼り付けたりするのではなく、マークアップを取得して先に進むための最速の方法です。

すべてがクライアント側で実行されます。 コンバーターは手書きのパーサーであり、リモート API のラッパーではないため、未公開の投稿、内部ドキュメント、プライベート リリース ノートは決してページから離れません。 GitHub フレーバーのマークダウン、アンカー ID、シングル ニューライン ライン ブレーク、生の HTML パススルーを切り替えてから、HTML をコピーして .html ファイルをダウンロードするか、生成された目次を取得します。

短い作業例は、Markdown を HTML に変換すると何が得られるかを示しています。 `# My Project` を貼り付け、次に `## Install` を貼り付け、次に 2 行のタスクリスト `- [x] Done` と `- [] Todo` を貼り付けます。出力は `<h1 id="my-project">My Project</h1>` 、 `<h2 id="install">Install</h2>` と、アイテムが無効なチェックボックス入力で始まる `<ul class="task-list">` です。 tick Full document と同じボディが `<title>My Project</title>` の doctype でラップされています。これは無料の Markdown から HTML へのコンバーターであり、サインアップはなく、入力すると変換されます。

Markdown は生の HTML インラインを許可するため、安全性の問題は理論的なものではなく現実のものになります。スクリプト タグを含むドキュメントは有効な Markdown であり、それを渡すコンバーターはレンダリング時に実行される HTML を生成します。ここでの出力はデフォルトでエスケープされるため、信頼できないソースからの Markdown ファイルはページにタグを密輸することはできません。リンクは別のケースです。Markdown の `javascript:` リンクはコピーされた HTML 内にその href を保持し、プレビュー ペインのみが書き換えるため、Markdown を公開する前に出力をサニタイズします。自分でコンテンツを変換していて生の HTML を保存したい場合は、デフォルトではなく意図的な選択です。もう 1 つ知っておくべきことは、Markdown には単一の仕様がないことです。ここでは GitHub Flavored Markdown が実装されており、テーブル、タスク リスト、取り消し線、フェンスで囲まれたコード、およびそれらは元の構文の一部ではなく拡張であるため、厳密な CommonMark レンダラーはそれらを表示しません。