半岛权威十大直营(官方)网站

Print2Flash在网页中嵌入一个HTML5文档

原创|使用教程|编辑:何跃|2021-06-08 16:17:16.440|阅读 141 次

概述:要对一个HTML5文档使用Print2Flash Document API,您需要在您的网页中嵌入一个文档,然后用JavaScript访问Document API。下面的文章对此有更详细的描述。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

要对一个HTML5文档使用Print2Flash Document API,您需要在您的网页中嵌入一个文档,然后用JavaScript访问Document API。

要在你的网页中嵌入一个HTML5文件,你需要使用IFRAME标签,例如:
<iframe src="docviewer.html#doc.xml" width="850" height="400" id="doc1"></iframe>

在SRC属性中,你需要指定一个HTML文档查看器的地址,包括要加载的文档的URL和其他参数。

为了获得docviewer.html文件,您需要用Print2Flash转换任何文档,并在Print2Flash应用程序中点击保存HTML/保存HTML文档与HTML预览页按钮。该文件将在与你在保存对话框中选择的预览文件名称和位置相关的文件夹中创建。
WIDTH和HEIGHT属性用于指定网页中的文件尺寸。ID属性表示访问Print2Flash文档API时可能需要的标识符。

获得文件的参考资料

你需要等待你的页面完全加载完毕才能调用Document API函数。如果你等到你的网页的文档对象上触发了一个自定义的onLoaded事件,你就可以实现这个目标。

document.onLoaded=function(docObj,docid) {
... 加载API功能
}
docObj - 是对已经加载的HTML5文档对象的引用。
docid - 是已经加载的HTML5文档的标识符;这是你在FRAME标签中指定的标识符。
如果你想要获取文档内容,可以这样做: var mydoc=document.getElementById(docid).contentDocument

调用文档API函数

docObj.setCurrentPage(4); 更多的函数用法访问

 处理文档API事件

添加事件监听: doc.addEventListener('onZoomChanged', myOnZoomChanged, false);

被监听的ZoomChanged可以这样传输参数

function myOnZoomChanged(event) { 
  alert(event.detail.sender+","+event.detail.zoom)


移除监听:doc.removeEventListener('onZoomChanged', myOnZoomChanged); 

调整文件的大小

要调整嵌入网页的HTML5文档的大小,你可以改变嵌入的IFRAME对象的宽度和高度属性。

document.getElementById(docid).width=500;
document.getElementById(docid).height=400; 


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP