HTML Help Workshop - 如何在幫助文件中嵌入圖像

Question

我正在嘗試將圖像嵌入 HTM 文件中，該文件是我要創建的 CHM 文件的一部分。 在我的 HTML 文件中，我是這樣引用我的圖像的；

<img src='C:\\Users\\[user]\\Documents\\Images\\Settings-1.png'
                alt='Settings-1' />

我的圖像在編譯后仍會顯示，但是此幫助文件需要可移植，而且我知道一旦它被運送這些圖像將不會顯示。

請問我go如何解決這個問題？

Answer 1

您可以將圖像保存在img標簽內作為base64字符串

這個問題為您提供了有關該主題的更多信息。
基本上，您將圖像轉換為base64字符串
（一個簡單的google搜索會為您提供大量的網站來幫助您）

現在，您可以將該字符串用作src屬性。

Answer 2

您可以編輯 HTML Help Workshop 的項目文件 ( *.hhp )，將您想要的任何文件嵌入到 CHM 中。 它可以是圖像文件、視頻文件 (SWF)、PDF 文件，任何您想要的文件（當然，將其嵌入 HTML 文件的方式會根據您嵌入的文件類型而有所不同）。

例如，如果您的項目具有以下結構：

.
└── Root/
    ├── index.html
    └── Settings-1.png

您可以使用<img src="Settings-1.png" />將您的圖像嵌入到您的“index.html”文件中（它不需要是這個文件，可以是您項目的任何 HTML 文件）。

HTML Help Workshop 足夠聰明，可以檢測到“Settings-1.png”嵌入在您的 HTML 文件之一中，並會自動將其添加到您的項目中。

如果出於某種原因 HTML Help Workshop 沒有將此文件嵌入為您的 CHM 文件的一部分（您可以通過使用7-Zip打開 CHM 文件來確認這一點），例如圖像僅引用到 CSS 文件中（例如背景使用 CSS 的圖像集，因此 HTML Help Workshop 無法檢測到此圖像文件是您的 HTML 內容的一部分），然后編輯項目的項目文件 ( *.hhp )（它基本上是一個具有自定義擴展名的 INI 文件）和在項目文件的[FILES]部分添加文件的相對路徑：

[FILES]
index.html
Settings-1.png

再次編譯您的文件和 VOI LA。 您的圖像文件（或您想要的任何文件）將嵌入到您的 CHM 文件中。 您可以使用7-Zip確認它。