私はどこかなど、その画像</p> <p>でから見ることができる自己完結型のHTMLファイルへのコンテンツフォルダにHTMLファイルを変換するにはどうすればよい

Question

どのようにしてそれを編集可能にすることができ、自己完結した編集後のままにすることができますか？

私は基本的にどこからでも見ることができるHTMLファイルベースのドキュメントを作成する必要があります。残念ながら、そうでない場合は、私が作っていたPDFファイル

おかげ

Answer 1

最も直接的な方法はdata: urlsにすべての資産URLを変換することで、HTMLにする必要があります。 （提供されている資産を利用し、そこからURLを生成するオンラインカバレッジがあります）

おそらく簡単な方法は、画像とフォントのURLをdata: urlsに変換し、代わりにスクリプトとCSSをインライン展開することです。

---

編集：おそらく関心の：inliner、この種のものを行うためのノードユーティリティ。 "あなたのウェブページをすべてのインラインでHTMLファイルに変換します"。また、多数の最適化最適化を実行します。

Answer 2

私はあなたが想像しているものを正確にはわかりませんが、HTMLは完全に自己完結型であることは決してありませんでした。最終的にそれを可能にするいくつかの抜け穴があるかもしれませんが、私の知る限りでは、この '変換'を行うpremadeツールはありません。

• すべてのリンクスタイルシートとスクリプトをインラインスタイルシートとスクリプトに変換する必要があります。つまり、<script src="http://url.to/foo.js"></script>がある場合は、foo.jsをダウンロードして、そのように含める必要があります：<script type="text/javascript"> [this is the content of foo.js] </script>。 CSSやその他のリンクされたソースファイルにも同様のことが適用されます。
• リンクされたすべてのメディアをダウンロードして（イメージはほとんど私が推測します）、それらをブロブに変換します（HTMLファイル内で使用できるbase64ブロブを提供するサービスはhttps://www.base64-image.de/です）。つまり、<img src="http://url.to/image.jpg" />を<img src="data:image/png;base64,[converted image data goes here] />に置き換えます。 そこにはいくつかの手作業が含まれていますが、おそらく完全に（ほぼ）完了することができます。

おそらく、あなたは別のやり方をしたいと思っていることを達成する方法がありますが、これを望んでいる理由は何ですか？