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

前端之家收集整理的这篇文章主要介绍了javascript – 替换多个文档中的部分HTML字符串前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将现有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嵌入到网页中

解决方法

Is there a way for the images to be displayed correctly without editing the messy documents gererated by Word?

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

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实现中完成相同的操作,请注意这些可能缺少上面代码段中描述的功能,因此可能需要重写.

Or is there a better way to generate HTML versions of word documents?

说实话,一般来说这是一个非常糟糕的主意(或者至少在过去). Word不适合这种东西,所以你可能会遇到很多麻烦.几年前我在一家公司工作,他们有一个特殊的工具,只是为了清理从Word复制的HTML内容,虽然我从来没有做过任何维护,但我记得代码很复杂,所以如果你愿意,我也不会感到惊讶遇到意想不到的问题.更合乎逻辑的是将内容写在首先用于Web的编辑器中.即使将粘贴复制到一个专门用于网络的编辑器中也可能会产生奇迹(如果编辑器是一个相当严格的编辑器).

原文链接:https://www.f2er.com/js/157749.html

猜你在找的JavaScript相关文章