网页VUE纯前端在线预览编辑Office,支持doc/docx、xls/xlsx、ppt/pptx、pdf等格式

简介: 随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。

随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。

通过探索调查,小编总计了目前市面上网页在线预览编辑Office的几种方案:

1.微软提供的在线Office预览(不能编辑)

https://view.officeapps.live.com/op/view.aspx?src=服务器上文档地址(http开头)

2.在线Office方案:

腾讯文档、石墨文档、飞书

优势:跨平台,本机电脑上无需安装插件,也无需安装Office,支持多人同时协作。

劣势:需要网络一直在线,无法私有化部署,按年付费。

3.开源Office方案

OnlyOffice、LibreOffice

优势:支持私有化部署,本机电脑上无需安装插件,也无需安装Office,支持多人同时协作。

劣势:在线模拟Office,功能和性能方面与本机Office相差较大。

4.第三方插件方案

猿大师办公助手(重点推荐)、WebOffice、iweboffice、NTKO

优势:支持私有化部署,实际上是调用本机Office实现在线编辑功能,重点推荐——猿大师办公助手,兼容主流最新浏览器(包含Chrome),支持微软OFFICE和金山WPS,支持完整嵌入本机Office功能,和用本机Office操作上功能和版式都完全一致,并且是真正的内嵌网页,而不是像其他的方案用的是弹窗形式。具体效果可以点击下面测试网页测试:

猿大师办公助手测试网页:http://test.yuanmaster.com/Office/

劣势:需要本地安装Office和插件。

QQ截图20240102154028.jpg

视频演示:https://www.bilibili.com/video/BV1r94y1A7qn/

目录
相关文章
|
11天前
|
前端开发
化学元素周期表1.0Vue前端页面版本
化学元素周期表1.0Vue前端页面版本
|
4天前
|
JavaScript 前端开发 数据安全/隐私保护
【vue】 前端vue2 全局水印效果
【vue】 前端vue2 全局水印效果
6 0
|
4天前
|
JavaScript 前端开发 数据安全/隐私保护
vue 前端 邮箱、密码、手机号码等输入验证规则
vue 前端 邮箱、密码、手机号码等输入验证规则
12 0
|
4天前
|
前端开发 JavaScript
Vue前端渲染blob二进制对象图片的方法
Vue前端渲染blob二进制对象图片的方法
9 0
|
4天前
|
JavaScript 前端开发
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面,显示空白bug不能编辑
11 0
|
4天前
|
JavaScript 前端开发
【vue】 接口返回的preview是张图片,前端如何渲染
【vue】 接口返回的preview是张图片,前端如何渲染
8 0
|
4天前
|
前端开发 JavaScript Java
【vue】 前端 基于 vue-simple-uploader 实现大文件断点续传和分片上传
【vue】 前端 基于 vue-simple-uploader 实现大文件断点续传和分片上传
13 0
|
10天前
|
JavaScript 前端开发
前端框架原理自测题:根据 JSX / Vue 模板写出 render 函数 / VNode
前端框架原理自测题:根据 JSX / Vue 模板写出 render 函数 / VNode
9 0
|
10天前
|
前端开发 JavaScript 应用服务中间件
windows server + iis 部署若伊前端vue项目
5,配置url重写规则(重写后端请求) 注:如果没有Application Request Routing Cachefourcloudbdueclaim和URL重写,则是第二部的那两个插件没装上 打开iis,点击计算机->点击Application Request Routing Cache -> 打开功能
36 0
|
10天前
|
JavaScript 前端开发 网络架构
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上

热门文章

最新文章