本文へスキップ
patrache.tools

マークダウンプレビュー

マークダウンプレビューの無料オンラインツール。構文をリアルタイムでHTMLレンダリング確認。ブログ・ドキュメント作成に便利。ブラウザ処理。

エディタ
プレビュー

Hello World

This is a bold and italic text example.

Features


  • Simple markdown parsing

  • Bold, italic, strikethrough

  • Links
  • Blockquote example

    code block

    Inline code is also supported.

    lockファイルはサーバーに送信されません
    共有
    埋め込み

    このツールをサイトに埋め込む

    マークダウンをリアルタイムでプレビューする無料オンラインツールです。 入力と同時にレンダリング結果を確認しHTMLエクスポートに対応。 ブラウザ内で処理されデータがサーバーに送信されません。 GitHub README、ブログ、文書作成に最適です。

    マークダウンプレビューの使い方は?

    1. 左のエディタにマークダウンを入力します。
    2. 右パネルでリアルタイムプレビューを確認します。
    3. 必要に応じてHTMLにエクスポートします。

    マークダウンプレビューに関するよくある質問

    GitHubスタイルのマークダウンに対応?

    はい、テーブル、チェックリスト、コードブロックハイライトなどGFMを完全サポートします。

    HTMLにエクスポートできますか?

    はい、レンダリング結果をHTMLとしてコピーまたはファイルエクスポートできます。

    ここでは正しく見えるのにGitHubに載せると表示が変わるのはなぜですか?

    マークダウンには単一の標準がなく、プラットフォームごとに少しずつ異なる方言を使っています。GitHubは表やチェックボックス、打ち消し線といったGFM拡張に対応する一方、生のHTMLの一部はセキュリティ上取り除きますし、NotionやSlackはまた別の規則です。複数の場所に載せる文書なら、見出し・箇条書き・コードブロック・リンクのようにどこでも通じる基本構文だけを使うのが安全です。

    コードブロックでシンタックスハイライトを効かせるには?

    開始のバッククォート3つの直後に言語名を書きます。js、python、sql、bashのように小文字で記し、言語を書かなければ色は付かず等幅フォントで表示されるだけです。言語名を間違えてもエラーにはならず色が消えるだけなので、ハイライトされないときはjavascriptではなくjsのような一般的な短い表記を先に試してください。

    マークダウンプレビューを上手に活用するには?

    • 改行は行末に半角スペース2つを入れるか、空行を1行はさまないと反映されません。
    • 表はGitHub仕様(GFM)です。区切り行のハイフンの数は何本でも構いません。
    • コードブロックには```jsのように言語を書くと、正しくハイライトされます。

    Powered by Patrache Studio Tools

    このサイトの広告を許可してください

    ツールを利用するには、このサイトの広告ブロックを解除してください。広告収益で無料サービスを運営しています。

    広告ブロッカーのアイコンからこのサイトのブロックを解除し、もう一度確認してください。