Markdown → HTML 変換（CommonMarkサブセット）

Markdownを貼り付けると等価HTMLが即座に表示。ブログ記事、ドキュメント、README向け。出力はCMSや静的サイトに貼り付け可能なクリーンなセマンティックHTML。

Markdown

HTML出力

<h1>Hello</h1>
<p>A <strong>bold</strong> statement and <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<p><a href="https://tools.appdevelopsk.com">Toolify</a></p>

レンダリングプレビュー表示

Hello

A bold statement and italic text.

Item 1
Item 2

Toolify

仕組み

対応している記法

見出し: # H1から###### H6まで。リスト: - / * / + が箇条書き、1. 2. 3.が番号付き。引用: 行頭 >。コードブロック: ``` 言語名は任意。インライン: **太字**、*斜体*、`コード`、~~打ち消し~~、[リンク](url)、![alt](画像url)。水平線: ---、***、または ___。

CommonMarkの主要機能を実装。表、脚注、タスクリスト（-[ ]）は未実装。それらが必要な場合はビルドパイプラインでフルCommonMarkまたはGFMライブラリを使用してください。

使い時

CMS貼り付け用の即時変換。多くのCMSはHTMLを受け付けますが、エディタがネイティブでMarkdownレンダリングしない場合、まず本ツールで変換。

ドキュメント生成: README.mdをHTMLに変換しプロジェクトランディングページに。出力は基本テンプレートでラップできるクリーンさ。

メール作成: 多くのメールクライアントはHTMLをレンダーするがMarkdownはしない。Markdownで書いて変換、貼り付け。

ブラウザ内変換

すべての変換はブラウザ内で実行。機密の下書き・コードスニペット・メモを含む可能性のあるMarkdownはマシンから外に出ません。サーバーログなし、AI学習データなし、決定論的な正規表現変換のみ。

GFM機能（表、タスクリスト、脚注）が必要なら、ビルドにmarked.js、markdown-it、remarkなどフルライブラリを使用。シンプル〜中程度のMarkdownには本ツールの出力で十分。

よくある質問

›表に対応している？

まだ未対応。表はGFM拡張で純粋CommonMarkではありません。今後のバージョンで追加するかもしれません。

›コードブロックはシンタックスハイライトされる？

<pre><code>タグにclass='language-X'を付加。PrismやHighlight.jsなどのハイライターが装飾できます。HTML自体は未装飾 — 独自CSSやライブラリを適用してください。

›出力はどこに貼っても安全？

コードブロックとインラインコード内の<、>、&、"はエスケープ。他のコンテンツはそのまま変換されます。ユーザー生成Markdownを貼り付ける場合、ページ注入前に出力をサニタイズしてください。

›強調がおかしい場合は？

Markdownの強調ネストは複雑です。* vs _ は隣接句読点で挙動が異なる場合あり。CommonMark仕様は厳密 — 出力が仕様と異なる場合は仕様の例を貼って確認を。

›Markdown内のHTMLは扱う？

インラインHTMLは通過（CommonMarkの挙動）。注意して使用 — 信頼できないソースの悪意あるHTMLは無変更で通過します。

›HTMLからMarkdownへの逆変換は？

可能 — HTML→Markdown変換ツール（関連ツールにリンク）をご利用ください。

›脚注は？

未実装（GFM拡張）。複雑な文書はremark-gfmなどのサーバーサイドライブラリを使用。

›データは送信されますか？

送信されません。変換はローカル、Markdownはどこにも送信されません。