ツールについて
Markdownの内容を既存のページやテンプレートに組み込めるよう、HTMLソースを出力します。既定の結果は意味的なHTML断片で、html、head、bodyによる囲みは付けません。下部のプレビューにも同じ安全規則を適用します。
使い方
- Markdownの原文を入力します。
- 「変換」を押してHTMLソースと安全なプレビューを確認します。
- 生のHTMLがエスケープされた文字になり、リンクやコードが規則に従って処理されているか確認します。
- HTMLをコピーするかconverted.htmlをダウンロードし、自分のページに組み込みます。
使用例
- # Hello → <h1>Hello</h1>。
- **bold** → <strong>bold</strong>。
- [link](https://example.com)は安全なリンクになり、生の<script>は実行可能なスクリプトにはなりません。
処理の規則と制限
Markdownプレビューとローカルのパーサーおよび安全方針を共有します。生のHTMLを無効にし、危険なスキームを実行可能なリンクとして出力しません。ソースはtextarea.valueで表示し、プレビューには安全に生成した結果だけを描画します。既定の出力はHTML断片です。画像はテキストで代替し、プレビューやダウンロードしたHTMLから画像URLに自動アクセスすることを防ぎます。入力上限は200 KiB、5,000行。解析のトークン数とプレビューのDOMノード数はそれぞれ20,000、HTML出力は1 MiBまでです。
主な用途
- 説明文書の断片を静的ページに組み込み。
- Markdownに対応する意味的なHTMLを確認。
- コピー可能な安全なHTML断片を書き出し。
プライバシー
テキストの処理、ファイルの読み込み、変換、プレビューはすべて現在のブラウザー内で行います。入力をアップロードせず、バックエンド、データベース、オンラインAPI、外部CDNも使いません。内容の自動保存も行いません。コピーとダウンロードもブラウザー内で完結します。
FAQ
Markdownプレビューとはどう違いますか？
Previewは見た目の確認とMarkdownのコピーが中心です。このページはHTMLソースの表示、コピー、ダウンロードが中心です。
生のHTMLを保持して実行しますか？
いいえ。生のHTMLは文字としてエスケープし、スクリプト、イベント属性、任意の埋め込み要素として実行しません。
出力は完全なWebページですか？
既定ではhtml、head、bodyで囲まないHTML断片なので、既存のページに組み込みやすくなっています。
HTMLのダウンロード時にサーバーへ送信しますか？
いいえ。ブラウザーがBlobでファイルを作成してローカルのダウンロードを開始し、その後一時的なオブジェクトURLを解放します。
すべてのMarkdown拡張に対応しますか？
各プラットフォーム固有の拡張すべてには対応しません。一般的な見出し、強調、リスト、引用、コードブロック、リンク、表に対応します。複雑な部品は使用先で確認してください。