01 / 例
例
入力
# こんにちは
これは**重要**です。結果
<h1>こんにちは</h1>
<p>これは<strong>重要</strong>です。</p>コード整形 / MULTIVERTO
Markdown から HTML に変換
一般的な Markdown の見出し、リスト、強調表現を HTML として出力します。
変換ツール入力内容はこのブラウザ内にとどまり、変換のために送信されません。
ファイルはブラウザー内にとどまります。
ツールを連結
02 / ガイド
Markdown から HTML に変換 — 仕組み
このツールの変更点
一般的な Markdown の見出し、リスト、強調を HTML にします。対応範囲の段落、箇条書き、フェンス付きコード、基本的なリンクも HTML 要素へ変換します。入力中の生の HTML はエスケープされ、出力側でそのまま実行されることを避けます。独自拡張や複雑に入れ子になった構造を使う文書では、変換後の表示を元の文書と比べてください。
入力形式と変換規則
Markdown は軽量な記法の総称で、CommonMark はその中核となる仕様を厳密に定めています。このローカル変換ツールは、見出し、段落、箇条書き、フェンスで囲んだコード、太字と斜体、インラインコード、基本的な Web リンクに対応します。Markdown 内の生の HTML は実行せず、エスケープします。
信頼できるワークフロー
データ形式の変更は、単に句読点を書き換えることではなく、二つの情報モデル間の対応付けです。まず、必要に応じて非 ASCII 文字、欠けたフィールド、入れ子の値を含む小さな代表レコードを用意してください。変換後、キー、順序、数値、null、配列、繰り返し項目がどう表現されるか確認します。変換先の形式に元の機能と同等の表現がない場合もあるため、個別の説明で対応する変換規則を確認してください。実例では「# Hello This is **important**.」が「<h1>Hello</h1> <p>This is <strong>important</strong>.</p>」になります。見える語だけでなく区切り記号も読んでください。この小さな例は、この操作の実際の結果です。元データの気になる要素を一つ変え、結果の対応箇所を比較しましょう。順序なしリストと、山括弧を含むフェンス付きコード例を備えた Markdown のメモを作ってください。HTML の結果では、コードがマークアップとして実行されず、テキストとして保持されるべきです。公開先のブラウザーで表示される見出し階層とリンク先を比較してください。
結果を確認
通常の見出し、段落、リスト、リンク、コードで書いた記事の断片を試しに表示する際に使います。生成された HTML をブラウザーで確認し、元の Markdown に含まれる生の HTML がエスケープされているか調べてください。画像や表などの拡張機能を、このツールは黙って不完全な形へ置き換えません。元文書がそれらに依存するなら、対応する Markdown レンダラーを使います。大きな文書に進む前に原文と出力を並べ、小さな既知の例で試してください。行数やファイルサイズだけでなく意味のある内容を比較し、変換後の名前、引用文字列、ASCII 以外の文字、改行形式、繰り返し現れるフィールドを点検します。
Markdown 入力
構造を読み込み変換
HTML 文書
ガイドを探す