1. マークダウン文法の基本
マークダウンは、# 見出し、**太字**、_斜体_、`インラインコード`、```コードブロック```、> 引用、- リスト、[テキスト](URL)リンクなど、わずかな記号だけで書式付き文書を作成できる軽量マークアップ言語です。GitHub、Notion、Slackなどほとんどの開発・コラボレーションツールがマークダウン(またはGFM拡張)に対応しています。このツールのツールバーボタンを押すと、選択したテキストに該当する文法が自動で挿入されます。
左側にマークダウンを入力すると右側にリアルタイムでプレビューが表示されます。GFMの表・コードブロック・取り消し線・タスクリストに対応し、入力内容は自動的にブラウザに保存されるため再読み込みしても失われません。完成した文書は.mdファイルとしてダウンロードできます。
入力内容はこのブラウザのlocalStorageにのみ保存され(サーバー送信なし)、他の端末・ブラウザとは共有されません。
マークダウンは、# 見出し、**太字**、_斜体_、`インラインコード`、```コードブロック```、> 引用、- リスト、[テキスト](URL)リンクなど、わずかな記号だけで書式付き文書を作成できる軽量マークアップ言語です。GitHub、Notion、Slackなどほとんどの開発・コラボレーションツールがマークダウン(またはGFM拡張)に対応しています。このツールのツールバーボタンを押すと、選択したテキストに該当する文法が自動で挿入されます。
GFM(GitHub Flavored Markdown)は、標準マークダウンに表(| 列 | 列 |)、取り消し線(~~テキスト~~)、タスクリスト(- [ ] 未完了、- [x] 完了)、自動URLリンクなどを追加した拡張文法です。READMEファイルやIssue・PRの説明でよく使われ、このエディタでは表を挿入ボタンで基本的な表テンプレートを素早く挿入できます。
マークダウンをHTMLに変換する際、ユーザーが元のマークダウンに直接HTMLタグ(例:<script>、<img onerror=...>)を混在させていた場合、そのまま実行されてしまう危険があります。このツールは変換後のHTMLをプレビューに表示する前に、自作のホワイトリスト方式サニタイザーを通し、許可されたタグ・属性のみを残してscript/iframeタグ、on*イベント属性、javascript:リンクなどをすべて除去します。