java - 将 Office 文档转换为 HTML，以便使用 JavaScript 在浏览器中查看

Question

我们正在开发 AngularJS 应用程序。要求是以 HTML 格式在新选项卡中显示文档。因此，我们正在实现一种转换器，基本上可以将 Office 文档(doc、docx 和 odt)转换为 HTML 查看器。我们已经使用 Apache POI 实现了转换器。我们编写了三个转换器来将 doc、docx 和 odt 转换为 HTML。

问题

文本转换工作正常，但当文档包含任何图像时就会出现问题。因此，转换器通过在我的本地系统上下载图像来提取图像，reference code :

protected void doGenerateHTMLFile( String fileInName )
        throws IOException
    {

        String root = "target";
        String fileOutName = root + "/" + fileInName + ".html";

        long startTime = System.currentTimeMillis();

        XWPFDocument document = new XWPFDocument( AbstractXWPFPOIConverterTest.class.getResourceAsStream( fileInName ) );

        XHTMLOptions options = XHTMLOptions.create();// .indent( 4 );
        // Extract image
        File imageFolder = new File( root + "/images/" + fileInName );
        options.setExtractor( new FileImageExtractor( imageFolder ) );
        // URI resolver
        options.URIResolver( new FileURIResolver( imageFolder ) );

        OutputStream out = new FileOutputStream( new File( fileOutName ) );
        XHTMLConverter.getInstance().convert( document, out, options );

    }

现在下一个任务是将转换后的文档显示为 HTML(它包括用于包含图像的本地文件系统路径)将不会将图像显示为 JS :

 Not allowed to load local resource: file:///C:/Users/admin/M_Test/image/image1.JPG

更新

我已将图像路径更改为我的网站路径:http:\localhost:111\temp\ebe6a869-3df7-4ef4-b798-5ed323e4090f\images\myimage/wor‌​d/media/image1.JPG at options.URIResolver(new FileURIResolver(new File(sLocalHostImagePath)));

但在转换时，它会附加我的项目的路径，例如:C:\MY_DRIVE\PROJECTS\OutSource\svn\IAP-Dynamic-Sql\http:\localhost:111\temp\ebe6‌​a869-3df7-4ef4-b798-5ed323e4090f\images\myimage/word/media/image1.JPG,

它怎么只能是我的本地主机路径？

因此，我们无法在新选项卡中将文档加载为良好的格式。

这是将 doc 转换为 HTML 的正确方法还是可以采用任何更好的方法？

Answer 1

您可能想要使用庞大的 JS 库，而不是编写自定义代码来隐藏这些内容。看起来可能已经晚了 4 年:)，但无论如何，它是一个用于显示 doc、docx 文档的库，通过在浏览器端将它们转换为 html 来显示它们，并且可以在后端处理。

• 库支持 - JavaScript、浏览器和 Node.js。在 npm 上可用。Python。可在 PyPI 上使用。WordPress。Java/JVM。可在 Maven 中心获取。。网。可在 NuGet 上使用。
• 链接:https://mike.zwobble.org/projects/mammoth/ (演示和文章)
• Github:https://github.com/mwilliamson/mammoth.js