替换多个文档中的HTML字符串部分

Question

我将现有Microsoft Word文档的一部分保存为HTML,并在面板中动态嵌入此HTML以向用户提供说明.

这是正常工作,除了没有出现的图像.检查生成的HTML我看到显示图像的HTML是

<img src="home_files/image001.png" />

在Visual Studio中,HTML帮助页面存储在名为Help的文件夹中,因此我将此行更改为包含帮助文件夹

<img src="help/home_files/image001.png" />

通过此更改,可以正确显示图像.

---

我必须从word文档生成超过50个帮助页面,因此不要手动想要更改所有图像位置,特别是如果有更改某些页面将被重新生成.

有没有一种方法可以正确显示图像而无需编辑由Word创建的混乱文档？

或者有更好的方法来生成word文档的HTML版本？

我没有使用PDF,因为并非每个浏览器都会将PDF嵌入到网页中

Answer 1

有没有办法不用编辑Word生成的乱七八糟的文档，就能正确显示图片呢？

我想您可以运行一些简单的客户端代码来更改src这些<img>标签的属性。你会得到类似的东西

var imgs = document.querySelector("container").querySelectorAll("img");
for(var i=0;i<imgs.length;i++){
  var oldSrc = imgs[i].getAttribute();
  imgs[i].setAttribute("src", "help/"+oldSrc);
}

当然，可以在任何服务器端 DOM 实现中完成同样的操作，请注意，这些实现可能缺少上面代码片段中描述的功能，因此可能需要重写。

或者有没有更好的方法来生成word文档的HTML版本？

老实说，总的来说这是一个非常糟糕的主意（或者至少在过去是这样）。Word 不适用于此类内容，因此您可能会遇到很多麻烦。几年前，我在一家公司工作，他们有一个特殊的工具，只是为了清理从 Word 复制的 HTML 内容，虽然我从未对其进行过任何维护，但我确实记得代码非常复杂，所以如果您可能会这样做，我不会感到惊讶遇到意想不到的问题。更合乎逻辑的做法是首先在专门用于网络的编辑器中编写内容。即使复制粘贴到网络编辑器中也可能会产生奇迹（如果编辑器是一个相当严格的编辑器）。