onlyoffice+vue实现在线预览在线编辑

vue整合onlyOffice实现文档在线预览编辑

文章目录

• • **vue整合onlyOffice实现文档在线预览编辑**
• 前言
• 一、服务组成
• 二、工作原理
• • 1.打开文件
  • 2.保存文件
  • 2.协同编辑
• 搭建服务
• • 一.docker搭建文档服务器
  • • 1.安装docker
    • 2.拉取镜像
    • 3.运行镜像
  • 二.配置使用
  • • 1.预览文件
    • 2.vue组件封装

---

前言

ONLYOFFICE，是一个包含常用办公套件，Word 、Excel、PPT大办公套件搬到了云端，只需要一个浏览器即可以在线使用 Office 的各种功能。

一、服务组成

ONLYOFFICE文档服务分为客户端和服务端两部分。

客服端包括：
文档管理器（Document manager）
文档编辑器（Document editor）

服务端包括：
文档存储服务（Document storage service）
文档编辑服务（Document editing service）
文档指令服务（Document command service）
文档转换服务（Document conversion service）
文档构建服务（Document builder service）

二、工作原理

1.打开文件

1、用户使用文档管理器打开文档进行查看或者编辑。（基于浏览器访问）
2、使用JavaScript API 将文档唯一标识符（key）以及文档URL（url）发送到文档编辑器。
3、文档编辑器向文档编辑服务发送一个打开文档的请求。
4、文档编辑服务从文档存储服务下载相对应的文档，并将文档转换为Office Open XML格式。
5、准备就绪后，文档编辑服务会将转化后的文档传输到基于浏览器的文档编辑器。
6、提供编辑或者查看权限，对文档进行相应操作，执行保存