这篇文档主要介绍在如何同一个页面上预览或编辑多个文档。
由于js-sdk
是通过动态创建iframe
的方式预览文档,iframe
里面和外面是通过window.postMessage
传递信息。为了防止多个iframe
的postMessage
通信冲突,需要再多加一层iframe
。
举例:
index.html
|-- iframe: a.html
|-- iframe: b.html
index.html
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>index.html</title>
</head>
<body>
<iframe src="./a.html" width="560" height="315" frameborder="0" allowfullscreen></iframe>
<iframe src="./b.html" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</body>
</html>
然后分别在 a.html
和 b.html
中通过js-sdk
对接文档预览即可。js-sdk 具体对接方式请看:步骤二:前端JS-SDK使用。
注意:
如果发现 word
文档打开后没有居中, 如:
可以通过配置启动参数调整:
aliyun.config({
......
// 居中
wordOptions:{
isShowDocMap: false,
isBestScale: true
},
})
文档内容是否对您有帮助?