カテゴリー: テキストツール

Markdownプレビュー

サイト側で企画したツールツールが見つからない?

入力するそばからレンダリングされたMarkdownを確認できます

片側にMarkdownを入力・貼り付けると、もう片側にHTMLとしてレンダリングされ、入力するたびに更新されます。すべてブラウザ内で完結し、サーバーとの通信は一切ありません。

Live Markdown Preview

Type Markdown on the left and see it rendered on the right — nothing leaves your browser.

  • Headings, lists and quotes
  • Italic and inline code
  • Links

This paragraph is a blockquote.

HTML

入力するそばからローカルでレンダリングされます。使用しているのはMarkdown to HTMLツールと同じ安全なMarkdownパーサーで、アップロードは一切ありません。

このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。

このツールでできること

このツールは、見出し・太字・斜体・リンク・インラインコード・コードブロック・引用・リストを、Markdown to HTML変換ツールと同じ軽量で依存関係のないMarkdownパーサーを使ってHTMLに変換し、テキストとして書き出すだけでなく、結果を入力の隣に表示します。READMEやコメント、メモを公開する前にどう見えるかを確認するためのツールであり、文書を保存したり共有したりするためのものではありません。

使い方

  1. 左側のパネルにMarkdownを入力・貼り付けるか、サンプルを読み込みます。
  2. 変更するたびに右側のパネルが再レンダリングされるのを確認します。
  3. プレビューに満足したら、生成されたHTMLをコピーします。

プライバシー

このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。

よくある質問

Markdownはレンダリングのためにサーバーへ送信されますか。
いいえ。パーサーはブラウザタブ内でJavaScriptとして動作し、HTMLプレビューも同じメモリ内の結果から作られます。
Markdown to HTMLツールと同じMarkdownに対応していますか。
はい、同じパーサーを使用しています。見出し、太字と斜体、リンク、インラインコード、フェンス付きコードブロック、引用、箇条書きや番号付きリストに対応しています。
入力に生のHTMLタグを使えますか。
エスケープされて、レンダリングされずに見える文字として表示されます。Markdown to HTMLツールと同じ安全な挙動であり、貼り付けたコンテンツがプレビューにマークアップとして入り込むことはありません。