使用WebOffice js-sdk通過iframe在同一頁面預覽多個文檔-Intelligent Media Management-阿里雲

這篇文檔主要介紹在如何同一個頁面上預覽或編輯多個文檔。

由於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
  },
})