Markdownプレビュー
Markdownを書きながら結果を横に表示し、HTMLとして書き出せます
ツールを読み込んでいます…
書いたMarkdownの横に整形後の表示を示し、HTMLや.mdファイルとして保存できます。GitHubのREADME、ブログ記事、メモが公開前にどう見えるかを確認するときに使えます。
使い方
- 「Markdown」ボックスに書くか、「ファイルを開く」を押して.mdファイルを開きます。スマートフォンでは「編集」と「プレビュー」を切り替えます。
- 「太字」、「見出し」、「リスト」、「チェックリスト」、「リンク」、「表」などの書式ボタンで記号を挿入します。Ctrl+B、Ctrl+I、Ctrl+Kも使えます。
- 右側の「プレビュー」で結果を確認します。
- 「.md で保存」、「.html で保存」、「HTMLをコピー」、「印刷」で書き出します。
計算方法と補足
- GitHub Flavored Markdown(GFM)に従っているので、表、チェックリスト、取り消し線、コードブロックが使えます。
- Markdown内のHTMLは表示前に無害化されます。スクリプト、イベントハンドラ、javascript:リンクは取り除かれ、リンクは新しいタブで開きます。
- 他のサイトの画像は、初期設定では読み込まれません。表示するには「Web上の画像を読み込む」をオンにします。「.html で保存」と「HTMLをコピー」では画像のアドレスが残ります。
- 入力した文章はこのブラウザにだけ自動的に保存されます。
よくある質問
- Markdownで1回の改行が反映されないのはなぜ?
- MarkdownではEnterを1回押しただけの改行はスペースとして扱われます。新しい段落にするには空行を入れ、段落内で改行するには行末に半角スペースを2つ入れます。
- Markdownで表を作るには?
- 「| Item | Hours |」のようにセルを縦線で区切り、次の行に「| --- | --- |」を書きます。「表」ボタンを押すと、ひな形として2列の表が挿入されます。
- MarkdownをPDFで保存できますか?
- 「印刷」を押し、印刷ダイアログでPDFとして保存を選ぶと、プレビューがPDFとして保存されます。
- GitHubのREADMEとまったく同じ見た目になりますか?
- 表、チェックリスト、コードブロックなどのGFMの書き方は同じように処理されます。フォントや色はGitHubと異なる場合があり、コードは色分け表示されません。