网页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/

目录
相关文章
|
4天前
|
JavaScript
【实用模板】Vue代码文件常用创建或编辑抽屉
【实用模板】Vue代码文件常用创建或编辑抽屉
|
4天前
|
JavaScript
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
24 0
|
4天前
|
前端开发
基于jeecg前端实现从表ERP格式选择
基于jeecg前端实现从表ERP格式选择
|
4天前
|
JavaScript
vue3表格编辑(数据回显)和删除功能实现
vue3表格编辑(数据回显)和删除功能实现
13 1
|
4天前
|
存储 JavaScript 前端开发
使用vue实现一个添加和编辑的功能
使用vue实现一个添加和编辑的功能
14 1
|
4天前
|
人工智能 Python
【Python实用技能】建议收藏:自动化实现网页内容转PDF并保存的方法探索(含代码,亲测可用)
【Python实用技能】建议收藏:自动化实现网页内容转PDF并保存的方法探索(含代码,亲测可用)
58 0
|
4天前
|
JavaScript
Vue 获取当前日期(时间,格式为YYYY-MM-DD HH:mm:ss)
Vue 获取当前日期(时间,格式为YYYY-MM-DD HH:mm:ss)
33 0
|
4天前
|
JavaScript 数据库
【vue】vue2 数据回显取消编辑不修改原数据
【vue】vue2 数据回显取消编辑不修改原数据
18 1
|
4天前
|
JavaScript
vue列表信息展示中新增数据,与编辑数据页面复用,降低重复代码
vue列表信息展示中新增数据,与编辑数据页面复用,降低重复代码
169 2
|
4天前
|
JavaScript
vue3表格编辑(数据回显)和删除功能实现
vue3表格编辑(数据回显)和删除功能实现
http://www.vxiaotou.com