PDFからHTMLへの変換ツール

HTMLに変換
次へ

この変換ツールはPDFのテキストを読み取り、クリーンで最小限のHTMLファイルにまとめます。1ページごとに1つの<section><h2>のページ見出し、そして<p>の段落という構成です。PDF.jsを使ってすべてブラウザー内で動作するため、ファイルは一切アップロードされません。出力はテキストのみのシンプルなHTMLで、開いたり編集したり、CMSに貼り付けたりしてから、自分のCSSでスタイルを付けられます。デザインされたページを再現するためではなく、PDFのテキストをウェブに載せるために作られています。

PDFをHTMLに変換する方法

  1. 1

    PDFを選択する

    テキストベースのPDFをボックスにドロップするか、クリックして参照します。すべてブラウザー内にとどまります。

  2. 2

    HTMLに変換する

    PDF.jsが各ページを読み取ってテキストを抽出し、行を段落にまとめます。

  3. 3

    HTMLを確認する

    生成されたマークアップがプレビュー欄に表示され、結果を確認できます。

  4. 4

    ファイルをダウンロードする

    1ページごとに1セクションを含む単一の`.html`ファイルを保存します。編集や再スタイルの準備が整っています。

出力はどのようになるか

この変換ツールは、最小限の構造を持つ有効なHTML5ファイルを1つ生成します。

要素 どこから来るか
<!DOCTYPE html>の骨組み UTF-8文字セットを備えた標準的なHTML5のラッパー
<title> PDFのファイル名
<section data-page> PDFの1ページごとに1ブロック
<h2>ページN</h2> 各ページの先頭を示す見出し
<p> 縦方向の間隔に基づいて段落にまとめられたテキスト行

このツールがしないこと

これはテキスト抽出ツールであり、レイアウトエンジンではありません。あえて、出力には次のものを 含みません

  • PDF内の画像、ロゴ、図版。
  • HTMLの<table>/<ul>/<ol>としての表、箇条書きリスト、番号付きリスト。
  • 元のフォント、色、段組み、配置。
  • CSSやインラインスタイルの一切。

読み順に並んだ単語が意味のある段落にまとめられて得られるだけで、それ以外は何もありません。あとから自分のCSSを追加してください。

最良の結果を得るには

  • テキストベースのPDF(リーダーでテキストを選択できるもの)を使ってください。スキャンされたPDFや画像のみのPDFにはテキスト層がなく、ここにはOCRもないため、それらのページの出力は空になります。
  • コミットする前に、ファイルをprettier --parser htmlやフォーマッターに通して、空白を整えてください。
  • WordPressに移しますか?HTMLはコード/HTMLブロックに貼り付けてください。ビジュアルエディターに貼ると再度ラップされてしまいます。

レイアウトツールではない

HTMLがPDFと同じ見た目になると期待しないでください。ウェブは可変で、PDFのページは固定です。ウェブに内容を載せたいときにこのツールを使い、そのあとは自分のサイトのCSSで再スタイルしてください。

よくある質問

いいえ。このツールはテキストを抽出し、シンプルな段落に配置します。フォント、色、段組み、配置は再現されません。出力には自分のCSSでスタイルを付けてください。

いいえ。抽出されるのはテキストだけです。画像、ロゴ、図版はHTMLに引き継がれません。

PDFに本物のテキスト層がある場合のみです。スキャンまたは撮影されたページは、選択できるテキストのない画像であり、ここにはOCRもないため、それらのページはテキストを生成しません。

いいえ。変換のすべてがPDF.jsを使ってブラウザー内で実行されます。PDFがデバイスから出ることは決してないため、機密文書でも安全です。

関連ツール

このツールは他の言語でも利用できます