Archipela / Dev / Markdownプレビュー

📝 Markdownプレビュー

Markdownを入力するとリアルタイムでHTMLに変換してプレビューします。見出し・太字・リスト・表・コードブロックなどに対応し、生成されたHTMLソースの確認・コピーもできます。すべてブラウザ内で処理され、サーバーには送信されません。

📘 使い方

  1. 左の入力欄にMarkdownを入力・貼り付けます。右側にリアルタイムで変換結果が表示されます。
  2. 「プレビュー」タブで見た目を、「HTMLコード」タブで生成されたHTMLソースを確認できます。
  3. 「HTMLコード」タブの「HTMLをコピー」で、生成HTMLをクリップボードにコピーできます。
  4. 「サンプル読込」で記法の例を読み込めます。「クリア」で入力をリセットします。

❓ よくある質問

対応している記法の一覧を教えてください。

見出し（# 〜 ######）、太字（**）、斜体（*）、打ち消し（~~）、インラインコード（`）、コードブロック（```）、引用（>）、箇条書き（- / *）、番号付きリスト（1.）、水平線（---）、リンク（[text](url)）、画像（![alt](url)）、GFM形式の表（|で区切り、2行目で左寄せ/中央/右寄せを指定）に対応しています。リストとコードは1段階のネストに対応します。

入力したHTMLタグは反映されますか？

いいえ。安全のため、入力に含まれるHTMLタグはすべてエスケープしてから変換します。< や > はそのまま文字として表示され、スクリプトが実行されることはありません。

リンクに任意のURLを使えますか？

セキュリティのため http:// と https:// で始まるURLのみをリンク化します。javascript: など他のスキームはリンクにせず、そのままテキストとして扱います。

入力内容はサーバーに送信されますか？

いいえ。変換処理はすべてお使いのブラウザ内で完結します。入力内容がサーバーに送信されることはありません。