Markdown HTML変換（リアルタイムプレビュー）

Markdown HTML変換の使い方

1. 左側の入力欄にMarkdown記法で文章を書くか、README.mdの内容を貼り付けます。
2. 右側のプレビューで表示を確認し、HTMLコードタブで変換後のタグを確認します。
3. HTMLをコピーを押してブログのHTML編集画面やメールテンプレートに貼り付けるか、.htmlファイルで保存を押してブラウザで開きます。
4. 入力中の内容はこのブラウザに自動保存されるので、次に開いたときも残っています。

Markdown記法まとめ（よく使う書き方）

MarkdownがHTMLに変換されるルールと注意点

Markdownは、人が読みやすい記号で文書の構造を書き、変換ツールがそれをHTMLタグに置き換える仕組みです。Tooljipでは広く使われているmarkedライブラリのGitHub形式（GFM）のルールを採用しています。そのため、GitHubのREADMEとほぼ同じ結果になります。

• 改行：Enterを1回押しただけでは同じ段落として続きます。段落を分けるには空行を1行入れてください。
• リストのインデント：入れ子のリストは半角スペース2〜4個でインデントします。
• 記号をそのまま表示：*や#を文字として表示するには、前にバックスラッシュ（\*）を付けます。日本語キーボードでは円記号（￥）キーで入力できます。
• HTMLを直接書く：Markdownの中にHTMLタグを混ぜて書けます。混ぜたタグは結果のコードにそのまま残ります。
• 全角スペースに注意：インデントや記号の後のスペースが全角だと、Markdownとして認識されません。必ず半角スペースを使ってください。

プレビューは安全に隔離されています

ほかの場所からコピーしたMarkdownに<script>などのコードが含まれていても、Tooljipのプレビューはスクリプトを実行しない隔離された領域（sandbox iframe）に表示されます。そのため、プレビューを見るだけでブラウザに影響が及ぶことはありません。

ただし、変換したHTMLコードを自分のWebサイトにそのまま掲載する場合は別です。外部から受け取ったMarkdownを掲示板やサービスで使うときは、サーバー側で許可したタグだけを残す処理（サニタイズ）を必ず行ってください。

ブログ・README作成に活用する

GitHubのREADMEやQiita・Zennの技術記事、Notion・Obsidianのメモなど、Markdownを使う場面はたくさんあります。一方で、ブログサービスのHTML編集画面やメールマガジンの配信ツールのように、HTMLしか受け付けない場面もあります。Markdownで素早く下書きを書き、このツールでHTMLに変換して貼り付ければ、書式を整える手間を大幅に減らせます。文章の長さが気になる場合は文字数カウントで確認してみてください。