Markdown プレビュー

GitHub 風の Markdown をリアルタイムでプレビューし、HTML をコピーします。

Markdown

0 語
入力するたびにプレビューがここに表示されます。
この端末で処理します。アップロードはしません。marked で変換し、DOMPurify で安全に処理しました。

Markdown プレビューについて

Markdown を書くか貼り付けると、入力するたびに変換後の見た目を表示します。見出し、リスト、リンク、表、タスクリスト、コードブロックを GitHub と同じように表示します。HTML タブに切り替えると生成されたコードをコピーできます。出力は安全に処理されるので、貼り付けた Markdown がブラウザでスクリプトを実行することはありません。

使い方

  1. 左に Markdown を書きます。
  2. 右でプレビューを確認します。
  3. HTML をコピーするか、.md ファイルでダウンロードします。

例

入力
# Title - [x] done - [ ] to do
結果
<h1>Title</h1><ul><li><input checked disabled type="checkbox"> done</li>…

よくある質問

どの Markdown の書き方に対応していますか?

CommonMark に GitHub の拡張を加えた書き方です。表、タスクリスト、~~取り消し線~~、自動リンクに対応しています。

HTML を自分のサイトに貼っても安全ですか?

プレビューは DOMPurify で処理し、スクリプトとイベントハンドラーを取り除いています。それでも他人が書いた HTML は、自分のサイトでは信頼できないものとして扱ってください。

下書きは保存されますか?

消すまでこのブラウザの保存領域に Markdown を残します。

関連ツール