集成活页夹设计器

1. 概述

1.1 功能概述

Wyn 支持将活页夹设计器嵌入到 Web 应用程序的任意 DIV 容器中去，为最终用户提供设计活页夹的能力。

2. 操作步骤

2.1 安装集成包

1. 安装最新的 JavaScript 集成包：https://www.npmjs.com/package/@grapecity-software/wyn-integration。

   npm install @grapecity-software/wyn-integration

2.2 集成

1. 将活页夹设计器添加到 DIV 容器 wyn-root 中。

   import { WynIntegration } from "@grapecity-software/wyn-integration";
   
   let designer = null;
   const createDocumentBinderDesigner = (baseUrl, token, documentId) => {
       if (designer) {
           designer.destroy();
           clearContainer();
       }
   
       WynIntegration.createDocumentBinderDesigner({
           baseUrl: baseUrl,
           token: token,
           theme: 'default',
           language: 'zh',
           siteTitle: 'sds',
       }, '#wyn-root').then(ins => {
           designer = ins;
       });
   }
   
   const clearContainer = () => {
       const container = document.querySelector('#wyn-root');
       if (container) container.innerHTML = '';
   }

• 参数说明：

  • baseURL 指 Wyn 服务器的地址。

  • token 指访问 Wyn 服务器的令牌，在 Wyn的「系统管理>安全设置>生成令牌」界面生成，token 所代表的用户需要具有查看仪表板和查看报表的权限。具体获取方法，请详生成令牌。

  • documentId 指活页夹文档Id，可以从 Wyn 的「文档门户>工作空间」中对应的活页夹文档列表获取。