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确认它。