Markdownビューアー: MarkdownをHTMLとしてブラウザでプレビュー
Markdownビューアーは、MarkdownをHTMLとしてサンドボックス化されたiframeでレンダリングするため、ブラウザ上で整形結果を確認できます。GFMテーブルと改行に対応したmarkedで解析し、DOMPurifyでHTMLをサニタイズしてからレンダリングします。スクリプトは出力から除去されます。Markdownを貼り付けたりドロップしたりして、プレビューをご覧ください。
Markdownビューアーは、プレーンテキストとして読まなくても整形済みコンテンツを確認したい開発者向けの、ブラウザベースのMarkdown→HTMLビューアーです。Markdownを貼り付けたりドロップしたりすると、サンドボックス化されたiframeでレンダリングされます。このツールは入力の解析にmarkedを、レンダリング前のHTMLのサニタイズにDOMPurifyを使用しており、スクリプトは出力から除去されます。
レンダラーはGFMテーブルと改行に対応しているため、プレビューでそれらのMarkdown要素がどのように表示されるかを確認するのに便利です。使い方はシンプルです。Markdownを提供し、レンダリング結果を確認して、必要な抜粋をコピーするだけです。ビューアーに追加の解析オプションは用意されていません。
Markdownは構造化テキストを書くための軽量な形式であり、HTMLはブラウザ向けにコンテンツを表現するマークアップ形式です。MarkdownをHTMLとして見ることで、見出しやテーブルなどの書式をソーステキストだけ見るよりも確認しやすくなります。ドキュメントや抜粋のレンダリング表示を確認したいときに、このビューアーをお使いください。
Markdownビューアーは完全にブラウザ上で動作します。入力はお使いのデバイス上で処理され、サーバーにアップロード、保存、送信されることはありません。ページの読み込み後は、サーバーに依存せずオフラインでも動作します。
このツールは、開発者やDevOpsエンジニアがドキュメントを確認したり、自分が書いていないMarkdownを調べたり、ワークフローで使う前にコンテンツをチェックしたりするのに役立ちます。GFMテーブルや改行に対応したMarkdownのレンダリングプレビューを素早く見たい方にも便利です。
手順1: Markdownをビューアーに貼り付けたりドロップしたりします。ドキュメント全体でも短い抜粋でもかまいません。
手順2: サンドボックス化されたiframeでレンダリング結果を確認します。MarkdownはGFMテーブルと改行に対応した方法で解析されます。
手順3: テーブルや改行を含め、書式が期待通りかを確認します。
手順4: ドキュメントから必要な抜粋をコピーします。
用途: 自分が書いていないMarkdownドキュメントをプレーンテキストでは読みづらい場合に確認します。レンダリングされた表示の方が書式を確認しやすくなります。
用途: コードを書く前に値の構造を確認します。Markdownをプレビューして、内容の書式を確認できます。
用途: 大きなドキュメントからきれいな抜粋を取り出します。レンダリングされた表示を見ると、必要なセクションを見つけやすくなります。
用途: Markdownドキュメントを共有する前にGFMテーブルの書式を確認します。ビューアーはレンダリングされたプレビューでGFMテーブルに対応しています。
用途: Markdownの抜粋で改行がどのように表示されるかを確認します。ビューアーはレンダリング時に改行に対応しています。
用途: プロジェクトやドキュメントのワークフローで使う前にMarkdownコンテンツを確認します。プレビューで整形されたHTML出力を確認できます。