跳到主要内容

挂载文档

挂载节点是指文档应用插入页面时挂载的 HTML DOM 节点，SDK 初始化时，会自动在挂载节点下面插入一个 iframe 元素，并在该 iframe 元素中渲染文档应用。

语法​

ZOfficeSDK.mount(url, selector, bAsync, config)

返回值​

Application: 文档类型应用对象

  • Excel: Excel.Workbook
  • Word: Word.Document
  • PDF: PDF.Pdf

参数​

属性数据类型必填说明
urlstring是要被挂载的文档的地址
selectorstring是要挂载文档的DOM节点的selector
bAsyncboolean否true 表示在文档加载完成之前返回 Application，但使用高级API之前需要调用 Application.ready() 方法等待文档加载完成（推荐传true，在文档内容加载完成之前，更早的返回可用的 Application，避免等待时间过长）
configJSON否可定制初始化显示/隐藏页面组件
提示

Filez文档中台从v8.1 开始支持前端SDK集成模式，此时url是object类型。详情见前端SDK集成模式

示例​

以挂载文档地址为 http://172.16.22.98/docs/app/thirdparty-rest/1347466381985058817/edit/content?zdocs_access_token=653b90d845a785e3c69aeba 的表格文档为例

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>JSSDK</title>
</head>

<body>

  <div id="doc1" class="doc-container"></div>

  <script src="sdk 地址"></script>
  <script>
    window.onload = async function() {
      const Application = await ZOfficeSDK.mount('http://172.16.22.98/docs/app/thirdparty-rest/1347466381985058817/edit/content?zdocs_access_token=653b90d845a785e3c69aeba', '#doc1', true);
      await Application.ready();
      const sheets = await Application.ActiveWorkbook.getSheets()
      console.log(sheets);
    }
  </script>
</body>
</html>
最后于 更新