技術リファレンス&アーキテクチャガイド

高速 Markdown to HTML 変換&サニタイズ チートシート — リファレンスガイド

生の Markdown をセマンティックで安全な HTML5 マークアップへ 1ms 未満で変換。XSS 脆弱性防御、見出しスラッグ ID 付与、装飾プレビューに対応。

主要パラメータ&設定項目

markdownInputstring

HTML5 マークアップへコンパイルする生の Markdown 入力文字列。

初期値: Auto
sanitizeXssboolean

悪意あるスクリプトや不正な iframe を排除する XSS サニタイズ保護機能。

初期値: true
headingIdsboolean

ページ内リンクや目次連動のために h1〜h6 タグへ slug ID を自動付与します。

初期値: true
openLinksNewTabboolean

外部リンクに対して target='_blank' と rel='noopener noreferrer' を付与します。

初期値: true

プロの活用テクニック&推奨設定

CMS 投稿に最適なクリーン HTML 断片の取得

「クリーンな HTML 断片」タブから出力されたタグは余分な外枠を持たず、WordPress、microCMS、Qiita 等の本文エリアへそのまま安全に貼り付け可能です。

ユーザー投稿テキストに対する XSS フィルタの常時適用

不特定多数が入力する Markdown を Web サービスで表示する際は、必ず XSS サニタイズを適用して悪意あるスクリプト埋め込みを完全に遮断してください。

見出しスラッグ ID によるアンカーリンク活用

見出し ID を自動生成しておくことで、URL 末尾に #heading-slug を指定したピンポイントな共有リンクを簡単に作成できます。

よくあるトラブルと解決策

Markdown 内に書いた HTML タグが勝手に消去される

XSS フィルターが有効な場合、<script> や <iframe> などの危険なタグは安全のために除去されます。<b> や <code> などの安全なタグは保持されます。

外部リンクが同じタブで開いてしまう

設定で「外部リンクを新規タブで開く」オプションが有効になっているか確認してください。

よくある質問 (FAQ)

Markdown から HTML への変換速度はどの程度ですか?▼

軽量な独自パーサーにより、数千行の長文ドキュメントでも 1ms 未満で瞬時にコンパイルされます。サーバー通信を伴わないため待ち時間はゼロです。

クロスサイトスクリプティング(XSS)攻撃への対策はありますか?▼

はい。XSS 防御オプションを有効にすることで、危険な JavaScript や不正なイベントハンドラーを徹底的に無害化します。

デザインスタイルの当たった完全な HTML ページも出力できますか?▼

はい。「完全な HTML5 ページ」タブに切り替えることで、DOCTYPE 宣言やレスポンシブ CSS が組み込まれた単一ファイルをダウンロード可能です。

入力したテキストが外部のサーバーに送信されることはありますか?▼

一切ありません。すべてのパース処理はブラウザの JavaScript エンジンでローカルに実行されます。

関連するおすすめ開発ツール

すべてのツール →