0文字 / 0行
<script> や onerror などは取り除かれるため、
受け取った文書を安全に確認できます。
書きながら見た目を確認して、そのままHTMLに変換
0文字 / 0行
<script> や onerror などは取り除かれるため、
受け取った文書を安全に確認できます。
Markdownプレビュー・HTML変換ツールは、Markdownを書きながら左右2ペインで見た目を確認し、そのままHTMLに変換できるツールです。入力と同時にプレビューが更新されます。
MarkdownはREADMEやドキュメント、技術記事の標準的な記法として定着していますが、書いた内容が意図どおりに表示されるかは、実際にレンダリングしてみないと分かりません。表の列がずれていないか、コードブロックが閉じているか、といった確認をこの画面で完結できます。
GitHub Flavored Markdown(GFM)に沿って、表・タスクリスト・打ち消し線に対応しています。生成したHTMLはDOMPurifyでサニタイズしてから表示しているため、他人から受け取ったMarkdownを開いても、埋め込まれたスクリプトが動くことはありません。
本来のMarkdownでは、単純な改行は無視されて同じ段落として扱われ、改行するには行末に半角スペース2つを置く必要があります。GitHubのコメント欄などは改行をそのまま反映する挙動で、こちらに慣れている方が多いため、既定で有効にしています。仕様どおりの挙動を確認したいときはチェックを外してください。
表の2行目に区切り行(| --- | --- |)が必要です。また、区切り行の列数が見出し行と一致していないと表として認識されません。ツールバーの「表」ボタンから雛形を挿入すると確実です。
書けますが、サニタイズの対象になります。<div> や <span> のような通常のタグは通りますが、<script> や onclick などのイベント属性は取り除かれます。これは、受け取った文書を開いただけで不正なスクリプトが動くことを防ぐためです。
このツールではシンタックスハイライトは行っていません。```javascript のように言語を指定すると、生成されるHTMLには language-javascript というクラスが付くので、貼り付け先で highlight.js や Prism を読み込めば色が付きます。
いいえ。変換はすべてブラウザ内で行われ、サーバーへの送信も保存もしていません。ページを閉じると内容は消えるため、必要なものは .md またはHTMLとして保存してください。
Markdownには単一の標準がなく、実装ごとに細かな差があります。CommonMarkが最も広く参照される仕様で、GFMはそこに表・タスクリスト・自動リンクなどを足したものです。Qiita・Zenn・Notion などはさらに独自の記法を持つため、このツールで表示できても投稿先で同じに見えるとは限りません。投稿先のプレビュー機能でも最終確認することをおすすめします。