前言

需要实现word文档的编辑和保存功能，之前写了一篇选方案的。
现在就按照onlyoffice开始实现。【没有使用到多人协同】

正文

1.后端部署（忽略），后端给我了一个地址之后，我运行了一个demo(代码)
报错：文档安全令牌未正确形成
可能的解决方案：

dzzoffice中安装onlyoffice后打开显示文档安全令牌未正确形成的临时解决办法
请问一下这个怎么解决:文档安全令牌未正确形成onlyoffice
总之，后端后面又给了我一个地址。demo可以运行成功。

引入后台配置好的office服务器

main.js中

<script type="text/javascript" src="xxxxxx/web-apps/apps/api/documents/api.js"></script>

其实第一步测试服务器的时候，就封装了一下组件和配置项之类的。在这里进一步根据需求调整配置项。
参考官网修改：
- 编辑器定制：注意：有些要企业版才可以修改，比如logo。这个是比较详细的配置项参考
- 高级参数：包括文档权限和编辑器定制等。

主要用到的就是文档权限和编辑器配置项的定制了。

修改完之后的保存，修改后的文档是在onlyOffice的服务器上的，需要使用后端回调url。
逻辑：
1)对于一个新的word文档A，前端上传A到后台服务器，同时页面渲染打开，用户可以进行编辑。
2)编辑完成后，点击保存，修改后的A通过回调url保存到新的服务器位置。
ps:这部分功能主要是在后端实现的（文档的替换和路径修改），前端主要是填一下回调的url（拼接上文档id(或者其他区分的属性）），完成后再刷新一下，这样就好了。
官网回调处理程序，主要后端看

一些尝试

菜单栏的功能比较多，但是实际需求不需要那么多，需要去掉一些

看了配置，但是好像是只有企业版才可以自定义。所以修改配置的方法pass。
本来想使用deep直接修改的，但是无法获取到需要一定时间后生成的iframe里的内容。所以也pass。（感觉这个应该是一个可行的方案，只是目前我不知道怎么实现）
修改iframe内部元素的样式，但是里面使用的应该不是动态生产的iframe吧。
最后就是相当勉强的使用css+div遮挡了一下。

参考

vue基于onlyoffice实现DOC、DOCX、XLSX、PPT、PDF文档编辑预览：包括了选方案，Vue2+3还有后端部署，主要偏后端
Vue 预览word,excel,ppt等office文档-内网访问（基于onlyoffice，后端返回文件流）有解释常用的配置，偏前端的功能。比较简单。因为也没有提到返回文件流后的处理或者操作。
Onlyoffice 二次开发指南：有讲协作、加密之类的。也有讲一些原理。
java+vue+onlyoffice的简单集成大差不差，包括前后端的代码。
onlyoffice使用记录偏后端，提取了打印功能。样式是自定义的，但是没说咋实现的。不知道是不是企业版。

扩展&可优化

需求是用户编辑自己的文档，所以没有用到协作。实际社区版的协作，最多是20人（不知道是一次只能同时20人在线编辑还是什么）。
插件相关
- 【插件市场】如何在 ONLYOFFICE 文档安装插件可以后续尝试的加插件，功能还是很多的。
- Onlyoffice 插件开发指南：提供了一个很简单的插件开发写法，没试。
样式相关：onlyoffice修改左上角的logo：省流1.企业版2.直接改源码重新打包替换

【vue2+onlyoffice】word在线编辑保存相关推荐

Springboot整合PageOffice 实现word在线编辑保存。
一.查看官网 http://www.zhuozhengsoft.com/ 点击首页下载,进入页面: 最新得5.2,我们就下载5.2版本进行测试. 二.查看下载包 Samples5 为示例文件.放入to ...
gridfs文件服务器,OWA实现Word在线编辑（以GridFs存储文件）
OWA全称Office Web App,是用来做Office文档预览的一个很好的工具,通过一些配置文件的设置还可以实现Excel.PowerPoint的在线编辑功能,但对Word在线编辑并不支持.Gi ...
vue中实现及封装html合同文本在线编辑保存的功能
在vue项目开发中,遇到一个对纯html合同文本进行在线编辑保存的需求,自己用JQuery和iframe摸索着封装了一个组件,遇到相同需求的前端友人可以参考一下,后续还要完善.(贴出完整代码) /封装 ...
java word编辑_java实现word在线编辑及流转
[实例简介] java开发web办公系统,调用PageOffice组件实现word在线编辑及流转 [实例截图] [核心代码] worddemo ├── worddemo │ ├── css │ ...
国产麒麟操作系统调用PageOffice在线编辑保存WPS文档
自国家大力推广国产软件以来,麒麟软件的麒麟操作系统在软硬件适配方面不断拓展,整个生态日渐完善,已经基本满足政府.企业等日常办公需求.在Windows系统环境下,PageOffice产品积累了十多年 ...
国产麒麟系统调用PageOffice在线编辑保存WPS文档
自国家大力推广国产软件以来,麒麟软件的麒麟操作系统在软硬件适配方面不断拓展,整个生态日渐完善,已经基本满足政府.企业等日常办公需求.在Windows系统环境下,PageOffice产品积累了十多年 ...
java word 在线编辑图片_java开发实现word在线编辑及流转
OA公文流转系统主要用于处理企业日常工作中内外部的各种公文,包括了公文的拟稿.审批.传阅.公告.归档,多层上级可以对下级撰写的公文进行逐级审批或修改,待最高级人员确认无误后即可进行核稿和发文等操作,最 ...
JAVA清稿word_java开发实现word在线编辑及流转
OA公文流转系统主要用于处理企业日常工作中内外部的各种公文,包括了公文的拟稿.审批.传阅.公告.归档,多层上级可以对下级撰写的公文进行逐级审批或修改,待最高级人员确认无误后即可进行核稿和发文等操作,最 ...
java开发实现word在线编辑及流转
OA公文流转系统主要用于处理企业日常工作中内外部的各种公文,包括了公文的拟稿.审批.传阅.公告.归档,多层上级可以对下级撰写的公文进行逐级审批或修改,待最高级人员确认无误后即可进行核稿和发文等操作,最 ...

【vue2+onlyoffice】word在线编辑保存

前言

正文

引入后台配置好的office服务器

一些尝试

参考

扩展&可优化

【vue2+onlyoffice】word在线编辑保存相关推荐

最新文章

热门文章