如何將帶有內容文件夾的HMTL文件轉換為自包含的HTML文件

Question

如何將帶有內容文件夾的HTML文件轉換為自包含的HTML文件，可以從任何地方查看其文件等。

如何才能使其也可以編輯並保持自包含的后期編輯。

我基本上需要制作基於HTML文件的文檔，可以從任何地方查看。 不幸的是它是HTML，否則我會制作PDF

謝謝

Answer 1

最直接的方法是將所有資產網址轉換為data:網址 。 （有可用的在線變換器將獲取提供的資產並生成data:來自它的URL。）

一種可能更簡單的方法是將圖像和字體URL轉換為data: urls而不是內聯腳本和css。

---

編輯：可能有興趣： inliner ，一個用於做這種事情的Node實用程序。 “將您的網頁變為單個HTML文件，內嵌所有內容”。 還執行許多縮小優化。

Answer 2

我不確切地知道你想象的是什么，但HTML從來就不是完全獨立的。 可能有一些漏洞最終允許它，但據我所知，沒有預制工具可以實現這種“轉換”。 這需要以下幾點：

• 將所有鏈接的樣式表和腳本轉換為內聯樣式表和腳本。 這意味着只要有<script src="http://url.to/foo.js"></script>您就必須下載foo.js並將其包含在內： <script type="text/javascript"> [this is the content of foo.js] </script> 。 類似的東西適用於CSS和其他鏈接的源文件。
• 下載所有鏈接的媒體（主要是我假設的圖像）並將它們轉換為blob（為您提供可在HTML文件中使用的base64 blob的服務是https://www.base64-image.de/ ）。 這意味着用<img src="http://url.to/image.jpg" /> <img src="data:image/png;base64,[converted image data goes here] />替換<img src="http://url.to/image.jpg" /> <img src="data:image/png;base64,[converted image data goes here] /> 。所以會有那里涉及一些體力勞動，但它可能（幾乎）完全完成。

可能有一種方法可以完成你想要做的另一種方式，你究竟想要這個的原因是什么？

Answer 3

這是另一種選擇：在標記中編寫文檔，然后使用諸如“Marked 2”（ http://marked2app.com ）之類的工具轉換為自包含的 html。 工作光滑。 此外，您可以在需要更新文檔時返回並編輯標記，然后只需重新導出html文件即可。

Answer 4

您可以使用pandoc ，它可以選擇創建自包含的html文件https://pandoc.org/MANUAL.html#option--self-contained 。

如果你從html開始，這就是命令。

pandoc in.html --self-contained -o out.html

這個工具可以做更多的事情的東西，例如，您還可以生成html的降價文件或生成pdf ！而非。