使用Docker在Mac上部署OnlyOffice,预览编辑word、excel、ppt非常好

前端编辑word、ppt文档,开源免费方案并没有找到合适的,像wps、石墨文档都是自研的方案。实现过程中wps采用的svg方案,而石墨文档采用的是canvas,它们均是自己来实现编辑器,不依赖浏览器提供的编辑器(contenteditable)。在实现过程中,其实可以参考一些开源方案,比如OnlyOffice。

端午节的时候在mac上使用docker部署了OnlyOffice,体验了一下,无论是对office文档的还原还是编辑体验,效果都非常不错。支持word、ppt、excel、pdf等文档的预览与编辑,而且完全开源,但并不免费。

使用docker部署比较简单,基本几个命令就能搞定,部署过程中遇到了一些坑,比如:

4f05dee12ee11f4993814d072509a1c6.png

网上基本都能找到对应的方案。

部署完后,我们先看一下效果,可以看到一个文档的管理界面:

0dd0755943b828e3903a884d4f963c06.png

我做了一个word文档,内容包含:表格、段落、标题、SmartArt、图文环绕、富文本效果(对齐、字体颜色、字号等)、页眉页脚、水印、文本框、项目符号、图片、图表、艺术字。

a84edabf388a31902df277e59a74ce11.png

还原效果差不多能达到90%左右,有一些badcase,比如:

1. 图文环绕效果与标题重叠了

OnlyOffice效果:

6e951892696f8abd3d9769062d03930d.png

Office 效果:

dab5c19924660bbf2bedfef520e07f0e.png

2.项目符号

OnlyOffice效果:

b55aef17538a5b903be03219d9d23174.png

Office 效果:

3d0d41a016fff031552e0eb0611263c5.png

3.页面排版内容不一致

Office整页的内容和OnlyOffice有明显的差异。

总的来说,还原效果有一些差异,但是整体比较靠谱。WPS网页端虽然还原效果看着比较好,但是比如SmartArt、艺术字这种效果,直接降级处理成了图片。而OnlyOffice实现了真正的还原。

5b66239e9ef8fc39b597a900977e9de4.png

我们再看看PPT效果,使用我以前分享的一个PPT,效果比较好。

41a1ad45245ab18f8c3894ed9561b81a.png

我们再看看Excel效果:

38ce51384f2becfbf50e87353494a86a.png

PDF的效果:

70ed0fb049dc4b126c19bdabefc75a3f.png

总的来说OnlyOffice的效果实现的非常好,而且是开源的,支持的文档格式也比较多DOC, DOCX, TXT, ODT, RTF, ODP, EPUB, ODS, XLS, XLSX, CSV, PPTX, HTML。关于前端编辑器代码实现可以参考:https://github.com/ONLYOFFICE/sdkjs

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值