Markdown から HTML への変換ツール使用方法

クイックスタート

1. /markdown-to-html/ ページにアクセス
2. 左側のMarkdownエディタにMarkdownコードを入力または貼り付け
3. 右側に変換されたHTMLプレビューが自動表示されます
4. コピーまたはダウンロードボタンを使用して結果を保存

機能説明

変換モード

• リアルタイム変換: Markdown入力時に自動変換（デフォルト）
• 手動変換: 変換ボタンをクリックして変換

変換オプション

• GFMサポート: GitHub Flavored Markdown拡張構文を有効化
• フォーマット調整: Markdown出力フォーマットを調整可能

操作ボタン

• サンプル挿入: サンプルMarkdownコードを挿入してテスト
• クリア: すべてのコンテンツをクリア
• コピー: HTML結果をクリップボードにコピー
• ダウンロード: 変換後の.htmlファイルをダウンロード

サポートされているMarkdown要素

基本要素

• 見出し: # H1 - ###### H6
• 段落: 通常のテキスト
• 強調: **太字**, *斜体*
• リンク: [テキスト](URL)
• 画像: ![alt](URL)
• リスト: - 順序なし, 1. 順序あり
• コード: `インライン`, コードブロック

高度な要素

• テーブル: | 列1 | 列2 |
• 引用: > 引用内容
• 水平線: ---
• 取り消し線: ~~取り消し線~~

GitHub Flavored Markdown (GFM)

• タスクリスト: - [ ] 未完了, - [x] 完了
• テーブル
• 取り消し線
• 自動リンク

使用のヒント

1. 複雑なMarkdown: 複雑なMarkdown構造の場合は、セクションごとに変換することをお勧めします
2. テーブル変換: テーブル構造が完全で、正しい区切り文字を使用していることを確認
3. コードブロック: 三つのバッククォートでコードブロックを囲み、言語を指定
4. リンク処理: 相対リンクはそのまま保持されます

サンプルコード

基本的なMarkdown

# 見出し

これは段落で、**太字** と *斜体* のテキストが含まれています。

## リスト

- 項目 1
- 項目 2
- 項目 3

### コード

```javascript
function hello() {
  console.log("Hello, World!");
}

リンクと画像

サンプルウェブサイトを訪問

### テーブルの例
```markdown
| 機能 | サポート | 説明 |
|------|------|------|
| 見出し | ✅ | H1-H6 |
| リスト | ✅ | 順序ありと順序なし |
| コード | ✅ | インラインとブロック |
| テーブル | ✅ | GFM拡張 |

注意事項

• すべての変換はブラウザのローカルで完了し、サーバーにアップロードされません
• 一部の複雑なMarkdown構造は完全に変換できない場合があります
• 変換後に結果を確認し、必要に応じて調整することをお勧めします
• すべての標準Markdown構文とGFM拡張をサポート