嵌入协作空间

您可以将 ONLYOFFICE 协作空间或其部分集成到自己的网页应用程序中,允许用户直接从您的网站创建和提交文档。

为此,请使用基于 JavaScript 的 ONLYOFFICE 协作空间 SDK,该 SDK 允许开发者通过 api.js 使用所有协作空间功能。

要将整个协作空间、特定房间或文件夹嵌入您的网站,

  1. 在任何版块(房间、文档)的左侧面板中点击开发者工具链接打开开发者工具版块。
    默认情况下,除访客外的所有用户均可访问开发者工具版块,因此任何用户都可以访问此页面并创建自己的集成。

    管理员既可使用左侧的开发者工具链接,也可通过协作空间设置进入此版块:点击左下角的 选项图标 菜单,选择设置 -> 开发者工具选项。

  2. 开发者工具中,进入 JavaScript SDK 版块。
  3. JavaScript SDK 页面上,转到输入要嵌入的协作空间地址版块,粘贴您的网站链接并按 + 图标。
    如果使用服务器版本,需先将协作空间切换为 HTTPS。可按照安装版块中的说明操作。
    开发者工具开发者工具
  4. 选择协作空间嵌入模式版块,选择以下模式之一:协作空间、公共房间、可编辑、仅查看、房间选择器、文件选择器、自定义。
    • 协作空间 - 嵌入整个协作空间,允许用户与所有房间、文件和设置交互。
    • 公共房间 - 嵌入公共房间,允许用户无需注册即仅查看其中存储的所有文档。
    • 可编辑 - 嵌入可编辑,允许用户编辑来自对应房间的文件。
    • 仅查看 - 嵌入仅查看,允许用户打开对应房间的文件进行查看。
    • 房间选择器 - 嵌入房间选择器,允许用户从可用房间列表中访问任意房间。
    • 文件选择器 - 嵌入文件选择器,允许用户从可用文件列表中访问任意文件。
    • 自定义 - 手动配置协作空间嵌入参数。
  5. 点击开始设置按钮。
  6. 根据所选模式自定义可用的显示选项。例如自定义模式提供以下选项:宽度、高度、框架ID、界面元素(左侧菜单、标题、设置列、操作按钮、搜索、筛选和排序、导航和标题(仅移动设备))、数据显示设置(选择要显示的部分、房间或文件夹)以及高级显示设置(如搜索词、排序参数、排序顺序、每页显示文件/文件夹数量、显示页码、文件行中的显示列)。
  7. 预览版块查看效果。
  8. 切换到要插入的代码选项卡,复制生成的 HTML、JavaScript 或 NPM 代码。
  9. 将复制的代码嵌入您的网站。
开发者工具开发者工具

有关 JavaScript SDK 的更多详情,请参阅 api.onlyoffice.com

在您自己的服务器上托管 ONLYOFFICE 文档,或在云端使用

文章: 标签:
浏览所有标签