マークダウンプレビュー

リアルタイムでマークダウンをプレビュー

マークダウン

プレビュー

マークダウンプレビュー

これはサンプルテキストです。

機能

    1. リアルタイムプレビュー
    2. シンタックスハイライト
    3. HTMLエクスポート

コードブロック

const greeting = "Hello, World!";

console.log(greeting);

リンクと画像

iroi公式サイト

引用

これは引用文です。
複数行にまたがることもできます。

テーブル

項目説明

項目1説明1
項目2説明2


イタリック太字取り消し線
  1. 番号付き
  2. リスト
  3. です

※ すべての処理はブラウザ上で行われます。

使い方

  1. 1左側の「マークダウン」欄に、Markdown記法でテキストを入力します。最初はサンプルが入っているので、書き換えながら記法を試せます。
  2. 2入力すると同時に、右側の「プレビュー」欄に整形後の表示がリアルタイムで反映されます。見出しやリスト、テーブルの見え方をその場で確認できます。
  3. 3変換後のHTMLソースが必要なときは、画面右上の「HTMLをコピー」ボタンを押すとクリップボードにコピーされます。
  4. 4完成したものをファイルとして保存したい場合は「HTMLエクスポート」ボタンを押すと、スタイル付きのHTMLファイルがダウンロードされます。

よくある質問

対応しているMarkdown記法を教えてください。
見出し(#〜###)、箇条書きリスト、番号付きリスト、コードブロック、インラインコード、テーブル、引用、水平線、リンク、太字、イタリック、取り消し線に対応しています。一般的な文章作成で必要な記法はおおむねカバーしています。
入力したテキストはサーバーに送信されますか?
いいえ。プレビューおよびHTML変換はすべてお使いのブラウザ内で実行されます。文章が外部サーバーへ送信・保存されることはないため、公開前の原稿や機密文書も安全に扱えます。
プレビューした内容をHTMLとして利用できますか?
はい。「HTMLをコピー」で変換後のHTMLソースをコピーでき、「HTMLエクスポート」でスタイルを含んだ完成HTMLファイルをダウンロードできます。ブログのHTML入力欄やWebページにそのまま貼り付けて使えます。
GitHubのREADMEを書くときの確認に使えますか?
はい。見出し・リスト・コードブロック・テーブルなどREADMEでよく使う記法に対応しているため、公開前のレイアウト確認に便利です。ただしGitHub独自の拡張記法(一部の絵文字ショートコードなど)は完全には再現されない場合があります。

関連ツール