这是正常工作,除了没有出现的图像.检查生成的HTML我看到显示图像的HTML是
< img src =“home_files / image001.png”/>
在Visual Studio中,HTML帮助页面存储在名为Help的文件夹中,因此我更改了此行以包含帮助文件夹
< img src =“help / home_files / image001.png”/>
通过此更改,可以正确显示图像.
我必须从word文档生成超过50个帮助页面,因此不要手动想要更改所有图像位置,特别是如果有更改,某些页面将被重新生成.
有没有一种方法可以正确显示图像而无需编辑由Word创建的混乱文档?
我没有使用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的编辑器中.即使将粘贴复制到一个专门用于网络的编辑器中也可能会产生奇迹(如果编辑器是一个相当严格的编辑器).