当前位置: 首页 > news >正文

将 ONLYOFFICE 协作空间的公共房间嵌入到网页

在 ONLYOFFICE 协作空间2.0版本中,我们新增了公共房间,可与外部用户共享文件。公共房间可以集成到您的网站或单页应用程序 (SPA) 中,访问者无需下载或注册自己的协作空间帐户即可查看文档。我们在本文中介绍了分步指南。

How to embed a public DocSpace room to your website

什么是公共房间?

从现在开始,ONLYOFFICE 协作空中有 3 种房间类型:协作、自定义和公共。

在公共房间中,可以通过外部链接邀请用户,无需注册即可查看文件,也无法进行可能影响文件内容的编辑和其他操作。

ONLYOFFICE 协作空间 2.0 现已发布:新增公共房间、插件、重新分配数据、RTL 界面等功能

如有必要,您可以生成多个不同参数的外部链接来设置各种访问权限。可以限制某些用户的下载、复制和打印房间内容。另外,您还可以为这些用户设置房间密码。

ONLYOFFICE 协作空间 2.0 现已发布:新增公共房间、插件、重新分配数据、RTL 界面等功能

如何嵌入公共房间

请按照以下步骤集成公共房间。

第一步在协作空间主屏幕上,单击姓名旁边的三个点,然后转到设置。

如何将 ONLYOFFICE 协作空间的公共房间嵌入到其他网站

第二步在左侧面板上,选择“开发人员工具”。

如何将 ONLYOFFICE 协作空间的公共房间嵌入到其他网站

第三步点击 JavaScript SDK 并来到以iframe形式嵌入协作空间

重要提示:要将协作空间以 iframe 嵌入到其他网站上,您需要在 JavaScript SDK 选项卡的相应字段中输入其 URL。否则嵌入区域将不会显示在网页草稿中。

如何将 ONLYOFFICE 协作空间的公共房间嵌入到其他网站

第四步向下滚动到创建示例协作空间嵌入。若要显示某个特定房间,请转至数据显示设置并从创建的房间列表中进行选择。

如何将 ONLYOFFICE 协作空间的公共房间嵌入到其他网站

您可以更改宽度和高度、框架 ID 以及选择界面元素来自定义嵌入区域。

第五步切换到要插入的代码并复制生成的代码片段。

如何将 ONLYOFFICE 协作空间的公共房间嵌入到其他网站

第六步 将生成的代码片段插入网站的 index.html 文件中。现在公共房间就可以显示在您的网页上。

How to embed a public DocSpace room to your website

快去尝试自己嵌入协作空间中的公共房间吧!如果还没有ONLYOFFICE 协作空间账户可以免费创建一个。

为什么要在您的网站中嵌入公共房间?

想要在 Web 服务中启用 Office 文档协作?可以考虑使用协作空间,原因如下:

  • 网站访问者可以直接在网页上查看 Office 文档并与之交互(而不用下载附件)
  • 无需安装额外的软件即可在本地浏览文件 – 几乎可以在任何网络浏览器中打开文档
  • 网站访问者可以下载、复制和打印共享文档(如果这些操作不受限制)
  • 网站访问者不需要协作空间帐户即可查看共享文件
  • 带有包含网站上共享文档的文件夹的交互区域
  • 看避免过度使用可点击的链接
  • 共享文件看起来会更加显眼

ONLYOFFICE 协作空间可在云端使用,或在本地、在您的服务器上部署使用。

相关链接

ONLYOFFICE 协作空间 2.0:有什么新功能?

如何将协作空间集成到单页应用程序中

注册协作空间云端版

协作空间企业版

ONLYOFFICE 协作空间视频指南

相关文章:

  • Python Authlib库:构建安全可靠的身份验证系统
  • GeoPandas初体验:它是什么,我用它展示一下shp矢量数据
  • 数据结构与算法(六)分支限界法(Java)
  • 持续集成交付CICD:CentOS 7 安装 Sonarqube9.6
  • 表单小程序作用体现在哪
  • 用AI来纠正错别字和修饰文字
  • 《洛谷深入浅出进阶篇》p2568 GCD
  • 读书笔记-《数据结构与算法》-摘要2[冒泡排序]
  • 火狐,要完了!
  • Python绘制几种常见的时序分析图
  • 数字图像处理(实践篇) 十六 基于分水岭算法的图像分割
  • 视频批量剪辑方法:AI智剪创新力,批量剪辑新风潮
  • mybatisplus调用oracle存储过程
  • Selenium/webdriver介绍以及工作原理
  • Day18——JDK新特性
  • #Java异常处理
  • canvas 五子棋游戏
  • centos安装java运行环境jdk+tomcat
  • CSS3 聊天气泡框以及 inherit、currentColor 关键字
  • mysql innodb 索引使用指南
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 翻译--Thinking in React
  • 码农张的Bug人生 - 初来乍到
  • 小程序滚动组件,左边导航栏与右边内容联动效果实现
  • mysql面试题分组并合并列
  • ​io --- 处理流的核心工具​
  • #Linux(make工具和makefile文件以及makefile语法)
  • (1/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (10)ATF MMU转换表
  • (ctrl.obj) : error LNK2038: 检测到“RuntimeLibrary”的不匹配项: 值“MDd_DynamicDebug”不匹配值“
  • (done) NLP “bag-of-words“ 方法 (带有二元分类和多元分类两个例子)词袋模型、BoW
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (七)Knockout 创建自定义绑定
  • (强烈推荐)移动端音视频从零到上手(上)
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (转)scrum常见工具列表
  • (转)平衡树
  • ***linux下安装xampp,XAMPP目录结构(阿里云安装xampp)
  • .Net 8.0 新的变化
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • .Net Winform开发笔记(一)
  • .NET 跨平台图形库 SkiaSharp 基础应用
  • .net 托管代码与非托管代码
  • .NET 指南:抽象化实现的基类
  • .NET精简框架的“无法找到资源程序集”异常释疑
  • .NET开源项目介绍及资源推荐:数据持久层 (微软MVP写作)
  • .NET使用HttpClient以multipart/form-data形式post上传文件及其相关参数
  • @Data注解的作用
  • [ vulhub漏洞复现篇 ] AppWeb认证绕过漏洞(CVE-2018-8715)
  • [C#]获取指定文件夹下的所有文件名(递归)
  • [CQOI 2011]动态逆序对
  • [Design Pattern] 工厂方法模式
  • [Django ]Django 的数据库操作