Markdown エディターとプレビュー
ソース内の生の HTML はプレビューでテキストとして表示され、javascript: と data: のリンクは無効化されます。
Markdown の書き方
Markdown は、いくつかの記号の約束事を加えたプレーンテキストです。見出しにはシャープ、強調にはアスタリスク、リスト項目にはハイフン。README、Wiki、課題管理ツール、たいていのメモアプリが理解します。このエディターは入力と同時に描画するので構造が形になっていくのが見え、終わったらきれいな HTML を書き出します。
手順
- 1 左の欄に Markdown を入力または貼り付けます。右のプレビューはキーを打つごとに更新されます。
- 2 サンプルを早見表として使ってください。見出し、太字と斜体、リスト、コードブロック、表、引用、リンクがすべて入っています。
- 3 CMS やテンプレート用に HTML をコピーするか、文書を .md または単独の .html ファイルとしてダウンロードします。
1 分でわかる構文
見出し：# タイトル、## 節、### 小節。強調：**太字**、*斜体*、~~取り消し線~~。リスト：行頭を - または 1. で始め、2 スペースの字下げで入れ子にします。リンク：[テキスト](https://example.com)、画像：。行内コードは `バッククォート` で囲み、コードブロックは 3 つのバッククォートで囲んで、必要なら言語名を続けます。--- だけの行は区切り線、大なり記号で始まる行は引用です。
表
表はヘッダー行、区切り行、データ行からなり、セルは縦線で区切ります：| 名前 | 価格 |。区切り行はハイフンで、両端のコロンで配置を指定します — :--- 左、:---: 中央、---: 右。ソース上で列を揃える必要はなく、間隔はレンダラーが処理します。
HTML 書き出しに含まれるもの
「HTML をコピー」は本文のマークアップだけ — 段落、見出し、リスト、表 — を返し、独自のスタイルを持つページにそのまま貼り付けられます。「.html をダウンロード」はそのマークアップを、最初の見出しから取ったタイトルと小さなスタイルシートを備えた完全な文書にまとめるので、どのブラウザーでも読みやすく開けます。
生の HTML を描画しない理由
標準の Markdown は HTML をそのまま通します。便利ですが、貼り付けた文書がページ上でスクリプトを動かす経路になってしまいます。このプレビューは代わりにエスケープします。ソース内の div や script タグはテキストとして表示されます。javascript: と data: スキームのリンクも同じ理由で無効です。書き出したファイルにも注入コードは含まれません。