onlyoffice协同编辑(多人共享编辑)、在线文档编辑,支持word、excel

这篇具有很好参考价值的文章主要介绍了onlyoffice协同编辑(多人共享编辑)、在线文档编辑,支持word、excel。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

说明:onlyoffice主要依赖于后端部署的环境(docker、文件服务器等),本篇文章只包含前端配置部分

官方文档地址

贴一个官方的文档 onlyoffice API

部分故障排除

onlyoffice 故障排除

前端部分

1. 在项目index.html引入

<script type="text/javascript"src="http://安装docker的主机ip:9000/web-apps/apps/api/documents/api.js"></script>

2. 页面文件中配置

首先给一个盒子

<div id="coEditContainer" ></div>

然后初始化代码,这里只写了常用的配置,完整的配置可以看文档

let config = {
  events: {
  	// 有许多事件可以调用,具体看文档 https://api.onlyoffice.com/editors/config/events
    // 请求关闭编辑器确认后触发
    onRequestClose: () => {
      console.log('文件编辑器开始关闭, onRequestClose');
      this.docEditor.destroyEditor();
      this.coEditStatus = false;
      this.fullscreen = false;
    },
    // 发生错误或其他特定事件时调用,错误消息在数据参数中发送
    onError: (event) => {
      console.log(`err code: ${event.data.errorCode}, description: ${event.data.errorDescription}`);
    }
  },
  document: {
    fileType: doc.document.fileType, // 文件的类型
    // 文件的key,多人协同编辑重要字段,这里我是根据要编辑的文件,调用了后端接口
    // 从后端获取一些文件的基本信息以及文件的key
    key: doc.document.key, 
    title: data.documentName, // 文件名称
    url: `${window.config.CoEditDownloadApi}${data.documentUrl}`, // 文件源地址
    permissions: {
      // 权限控制
      // fillForms: true,
      // comment: false, // 评论功能的开关
      // chat: true, // 聊天内容开关
      copy: true, // 允许复制内容
      download: true, // 是否允许下载(其实就是另存为,因为保存就是保存在服务器)
      edit: true, // 是否允许编辑文档
      print: true, // 是否允许打印
      review: true, // 可编辑时才可用,功能没试过,应该是协同编辑下的评审
      save: true,
      deleteCommentAuthorOnly: true, // 仅允许删除其注释
      editCommentAuthorOnly: true, // 仅允许编辑其注释
      protect: false, // 定义工具栏上的保护菜单是否显示

    },
  },
  documentType: 'word', // 三种 word(.docx) / cell(.xlsx) / slide(.ppt)
  editorConfig: {
    callbackUrl: `${window.config.CoEditCallbackApi}${data.documentUrl}`, // 文件回调地址
    lang: "zh-CN", // 编辑器ui的语言
    mode: 'edit', // 设定文档打开的时候处于什么状态 默认为edit
    user: {
      // 当前正在view/edit此文档的用户信息
      name: `财务部-张三`, // full name
    },
    // 定义共享编辑模式(快速fast/严格strict), change为控制是否允许修改
    coEditing: {
      mode: 'fast',
      change: false
    }
  },
  height: "80%",
};
// console.log(config);
this.docEditor = new DocsAPI.DocEditor("coEditContainer", config);

实现效果(支持多人协同编辑)

onlyoffice在线编辑,前端,在线协同编辑,前端
onlyoffice在线编辑,前端,在线协同编辑,前端

ps

后端的部署,可以借鉴这位大哥的
如何在 Windows 上 使用 ONLYOFFICE 协作编辑文档文章来源地址https://www.toymoban.com/news/detail-663477.html

到了这里,关于onlyoffice协同编辑(多人共享编辑)、在线文档编辑,支持word、excel的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Java集成Onlyoffice以及安装和使用示例,轻松实现word、ppt、excel在线编辑功能协同操作,Docker安装Onlyoffice

    docker pull onlyoffice/documentserver docker images 以下是将本机的9001端口映射到docker的80端口上,访问时通过服务器ip:9001访问,并且用 -v 将本机机==/data/aws_s3/file-storage==文件夹挂载到docker的 /var/www/onlyoffice/documentserver/web-apps/wsData文件下,后续直接通过http请求读取对应的文件夹 doc

    2024年02月07日
    浏览(41)
  • 基于Luckysheet实现的协同编辑在线表格支持在线导入数据库,前端导出,前端导入,后端导出

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 提示:这里可以添加本文要记录的大概内容: 这两年,在线表格协作工具越来越火,但开源界一直没有相关的实现,被垄断在几个大厂手上,随着Luckysheet 的横空出世,开源界终于也有一个漂亮能打的在

    2024年02月11日
    浏览(56)
  • springboot 集成onlyoffice 在线协同办公demo

    操作步骤: 1,安装onlyofficeserver,ubuntu 环境, 安装说明见:https://helpcenter.onlyoffice.com/installation/docs-community-install-ubuntu.aspx 2,springboot 集成onlyoffice的demo工程,见https://api.onlyoffice.com/zh/editors/example/javaspring 3,工程配置: 在安装了onlyoffice server 的ubuntu系统里,打开文件/etc/onl

    2024年02月16日
    浏览(39)
  • Allegro172版本多人协同在线设计操作指导

    Allegro172版本多人协同在线设计操作指导 Allegro升级到172版本,可以支持多人协同设计,并且实时同步,具体操作如下 首先用户需要在同一个局域网下,并且Allegro172的版本必须一致,比如都是S082的版本 第一个用户打开PCB,选择Symphony Team design 选择 Start Symphony server 等待一会出

    2024年02月09日
    浏览(57)
  • 在线Word编辑-OnlyOffice开源框架

    社区版允许您在本地服务器上安装ONLYOFFICE Docs,并将在线编辑器与ONLYOFFICE协作平台或其他流行系统集成。 ONLYOFFICE Docs 是一个在线办公套件,包括文本、电子表格和演示文稿的查看器和编辑器,完全兼容 Office Open XML 格式:.docx、.xlsx、.pptx,并支持实时协作编辑。 接口1:返回

    2024年02月12日
    浏览(36)
  • 【vue2+onlyoffice】word在线编辑&保存

    需要实现word文档的编辑和保存功能,之前写了一篇选方案的。 现在就按照onlyoffice开始实现。【没有使用到多人协同】 1.后端部署(忽略),后端给我了一个地址之后,我运行了一个demo(代码) 报错:文档安全令牌未正确形成 可能的解决方案: dzzoffice中安装onlyoffice后打开显示

    2024年02月09日
    浏览(37)
  • docker onlyoffice7.1.1 word excel ppt在线编辑、在线预览_部署01

    1. 创建onlyoffice容器 下面命令作用:拉取镜像、映射宿主机端口和docker内部端口、创建宿主机和docker容器挂载目录、拉取指定版本的onlyoffice/documentserver 2. 启动在线案例 执行命令 3. 开放防火墙 4. 浏览器验证 点击GO TO TEST EXAMPLE 测试页面 5. 上传文件测试 6. 在线编辑 7. 测试主页

    2024年02月13日
    浏览(48)
  • 开源文档编辑器ONLYOFFICE最新版7.5发布

    开源办公套件 ONLYOFFICE 文档最新版 7.5 现已发布:全新 PDF 编辑器、自动断字、分页符和跟踪箭头、屏幕朗读器等诸多新功能。 什么是 ONLYOFFICE 文档 ONLYOFFICE 文档是一款开源的办公套件,由总部位于拉脱维亚的Ascensio System SIA开发。它支持处理文本文档、电子表格、演示文稿、电

    2024年02月08日
    浏览(43)
  • docker安装OnlyOffice7.3社区版本实现预览和编辑文档

    根据官网进行安装 安装 ONLYOFFICE Workspace 的最简单方法是使用我们的 Docker 脚本。如果希望完全控制安装过程,则可以手动安装所有组件。 ONLYOFFICE Workspace 包括以下组件:ONLYOFFICE Community Server、ONLYOFFICE Control Panel、ONLYOFFICE Docs 和 ONLYOFFICE Mail。要安装所有这些并相互集成,请按

    2024年02月07日
    浏览(37)
  • ONLYOFFICE 文档 7.5 现已发布:新增 PDF 编辑器、屏幕朗读器等功能

    我们已推出最新版的在线编辑器,整个套件具备多项增强功能。敬请继续阅读,了解所有更新。 PDF 是工作中很常见的文件格式。 我们经常需要打开各种PDF格式的宣传册,签署协议和合同等等。 我们一直记得这一点,一直正在开发原生 PDF 编辑工具,方便万千用户。而现在,

    2024年02月08日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包