我已经使用AjaxChunked
方法使用Oracle OutSide In Web View Export将示例PDF文件转换为HTML5,但是我无法使用提供的JavaScript API正确显示该文件。文件已正确呈现,可以直接浏览到。
例如,通过JavaScript API渲染不正确:
以及直接浏览时文件的外观:
正确渲染的源代码是这样的:
这是我使用Web View导出JavaScript API编写的index.html:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--<link rel="stylesheet" type="text/css" href="oit.css">-->
<script src="oit.js"></script>
<title>Oracle Web View Export Test</title>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
$(document).ready(function(){
console.log("Document ready");
var viewContainer = document.getElementById("container");
OIT.view.attach(viewContainer);
OIT.view.load("adobe-acrobat.html");
});
OIT.document.addEventListener("load", function (evt) {
console.log("Just loaded: " + evt.detail.url);
});
这是转换文档(C#)的代码:
try
{
OutsideIn.OutsideIn.InstallLocation = new DirectoryInfo(Environment.CurrentDirectory + "\\Resources");
}
catch (Exception uhoh)
{
Console.WriteLine(uhoh.Message);
}
Exporter exporter = OutsideIn.OutsideIn.NewLocalExporter();
try
{
exporter.SetPerformExtendedFI(false);
exporter.SetFontReferenceMethod(Options.FontReferenceMethodValue.ReferenceExported);
/* The FONTDIRECTORY option must be set. */
List<DirectoryInfo> FontDirectories = new List<DirectoryInfo>();
DirectoryInfo SystemFontsDirectory = new DirectoryInfo(Environment.GetFolderPath(Environment.SpecialFolder.Fonts));
FontDirectories.Add(SystemFontsDirectory);
exporter.SetFontDirectories(FontDirectories);
exporter.SetWebViewStructure(Options.WebViewStructureValue.AjaxStreamed);
//exporter.SetPerformExtendedFI(true);
exporter.SetSourceFile(file);
exporter.SetDestinationFile(newoutputPath + "\\" + Path.GetFileNameWithoutExtension(file) + ".html");
exporter.SetDestinationFormat(FileFormat.FI_HTML5);
}
catch (Exception fail)
{
Console.WriteLine("Fail: " + fail.Message);
Console.ReadLine();
}
Console.WriteLine("Exporting: " + file);
exporter.Export();
我一直在寻找导致问题的原因的思路,但似乎找不到任何东西。 Oracle提供的文档不是很好,所以我很茫然。两年多以前在Oracle支持论坛上有一篇帖子提到了这个确切的问题,但是没有提供解决方案。
任何想法或建议将不胜感激。
答案 0 :(得分:1)
以防万一有人偶然发现这个问题并遇到相同的问题,事实证明,无论出于何种原因,OIT.view.load()方法都无法正确加载页面(oit.css)的CSS,因此您必须手动将其放入HTML文件中,然后从中调用view.load()。
除此之外,为文档创建的顶级DIV的高度为零。不知道为什么,所以我们使用OIT.view.height(document.height)或您希望的高度将其固定。这似乎已经解决了问题,并且文档在浏览器中正确显示。