HTML に変換
14 の文書形式をクリーンなスタンドアロン HTML に変換 — 適切な DOCTYPE、head、body 構造。Pandoc のライターは div の塊ではなくセマンティックなマークアップを生成します。
Click to start converting
Go to Pandoc engine — HTML output selected automatically
Supported input formats
| 格式 | 扩展名 | 说明 |
|---|---|---|
| Word (docx) | .docx | 見出し、表、脚注、画像、変更履歴 |
| LibreOffice (odt) | .odt | 段落スタイル、マスターページ、埋め込みメディア |
| 電子書籍 (epub) | .epub | 章構成、書籍メタデータ、画像 |
| HTML | .html | 見出し、リスト、表、リンク — 本物の HTML リーダー |
| LaTeX | .tex | 数式、環境、引用 |
| reStructuredText | .rst | ディレクティブ、ロール、表 |
| Org-mode | .org | 見出し、プロパティ、ドロワー |
| CSV | .csv | Pandoc が GFM パイプ表としてレンダリング |
| TSV | .tsv | タブ区切り、パイプ表としてレンダリング |
| MediaWiki | .mediawiki | テンプレート、リンク、表 |
| DocBook | .docbook | 記事、セクション、メディアオブジェクト |
| OPML アウトライン | .opml | ネストしたアウトライン → 見出し階層 |
| Jupyter ノートブック | .ipynb | コードセル、出力、markdown セル |
変換の仕組み
Pandoc のリーダーが文書をセマンティックツリーに解析し、HTML ライターがそれをクリーンで標準的なマークアップにシリアライズします: 実際の h1〜h6 見出し、table 要素、キャプション付き画像の figure 要素、スタイルの塊ではなく適切な強調。
出力はスタンドアロン文書です — DOCTYPE、UTF-8 メタ付きの head、そして body。Word エクスポート特有の産物はありません: mso- の条件付きコメントも、インラインのフォント宣言も、後処理の 20 行クリーンアップ正規表現も必要ありません。
当サイトのすべての変換と同様、ブラウザ内の WebAssembly ワーカーで実行されます。ファイルはデバイス上に留まります。
よくある問題と解決方法
HTML は意図的にスタイルなしです — CSS のないセマンティックマークアップ。CMS に貼り付けるか、独自のスタイルシートで包み、インラインスタイルが必要なら変換後に自分のクラスを適用してください。
LaTeX 数式は MathJax、KaTeX、MathML でレンダリングできます — 変換前にオプションパネルで方式を選ぶか、対象システムが自分で数式をレンダリングするならそのままにしておいてください。
フェンス付きコードブロックは Pandoc が選択したテーマでシンタックスハイライトします。画像は相対パスで参照されるため、docx を変換するときは ZIP ダウンロードを使い、media/ フォルダを HTML ファイルと一緒に持ち運んでください。
このページを使う人々
HTML を受け付ける CMS エディタに整形された Word コンテンツを貼り付けるライター、マニュアルをヘルプセンターの記事に変えるサポートチーム、生成されたドキュメントの断片を Web アプリやメールニュースレターに埋め込む開発者。
HTML 変換 FAQ
+スタンドアロンの HTML ファイルになりますか、それとも断片だけですか？
スタンドアロンです。Pandoc は DOCTYPE、<head>、<body> を備えた完全な HTML 文書を生成します — どのブラウザでも開け、CMS にアップロードできます。
+Word 文書を HTML に変換できますか？
はい。.docx をドロップして HTML 出力を選択してください。見出し、表、脚注、画像が保持されます。結果は Word のエクスポートの乱雑さではなく、クリーンなセマンティック HTML です。
+LaTeX 数式はどうなりますか？
Pandoc は LaTeX 数式を MathJax、KaTeX、MathML、またはプレーンテキストとしてレンダリングできます。オプションパネルでレンダリング方式を選択してください。
+シンタックスハイライトに対応していますか？
はい。Pandoc は選択可能なシンタックステーマ (pygments、kate、monochrome など) を使ってフェンス付きコードブロックをハイライトします。