大佬我爱你，求帮助，wp实现word等办公文档在线预览

[小狐狸]

求大佬推荐wp实现word等办公文档在线预览的方案，用过微软的免费在线预览，但是微软会在预览上添加下载按钮，，我想要在文档只能线预览但是用户不能下载的功能，大佬我爱你，求帮助！

[孙锡源]

Look：https://litepress.cn/plugins/embedpress

[小狐狸]

你发的这个插件我看了下国内没用，国外才能用，插件调用的谷歌的服务，，大佬研究研究给个国内能用好用的

[孙锡源]

除了嵌入谷歌文档外还支持嵌入本地文档，我刚测试过，在国内访问一切正常。

[小狐狸]

你用的什么编辑器，我在经典编辑器没有看到有这个插件添加文档文件的入口

[小狐狸]

docs.google.com 的服务器响应时间过长，我自己上传的文件结果也是调用这个谷歌

[孙锡源]

使用古腾堡，按如下两步插入文档：

我这台服务器也是国内的，并无问题。你那边报错的话麻烦把报错截图贴一下（全屏截图，要不然看不到你是用什么方法传的）。

[小狐狸]

另外我在上传附件图片给你的时候，jpg上传会报错，png正常

[小狐狸]

首先我使用了经典编辑器并没有添加按钮，然后我使用了ele的编辑器有添加按钮

[孙锡源]

这是我发的测试文章：https://wptest.ibadboy.net/aaaaa/

我反复确认，目前十分肯定这个一定是没调用谷歌服务的，你那边或许是装错插件了，也或许是操作错了。

现在我把插入文档的代码提取出来了，你可以直接把以下代码贴到你文章里来显示word文档（切文本模式，在可视化模式下插入会被转义）：

<figure class="wp-block-embedpress-document embedpress-embed-document">
    <iframe style="height: 600px; width: 600px;" src="https://view.officeapps.live.com/op/embed.aspx?src=https://wptest.ibadboy.net/wp-content/uploads/2021/06/a.docx"></iframe>
</figure>

想显示自己的文档，只需要把代码里包含wptest.ibadboy.net的那段网址替换成你自己的word文档地址即可。

[孙锡源]

另外，使用代码后，那个插件可以卸载了

[小狐狸]

这发的这个是调用的微软的，这个会提供下载按钮那些，我不想让人能直接下载只提供预览，这种有没有呀

[孙锡源]

目所能及的插件都是要么引用微软要么引用谷歌。

现在你有两个选项：

1. 将文档转PDF，然后使用该插件嵌入文章：https://litepress.cn/plugins/pdf-embedder/
2. 为谷歌文档的嵌入链接做一个反代，然后使用反代地址应用文档

[孙锡源]

刚问老李头要了一段CSS代码，可以把微软的查看器下方的工具条遮住：

.embedpress-embed-document:after {
    content: "";
    display: block;
    width: 100%;
    background: #fff;
    height: 50px;
    margin-top: -79px;
    z-index: 9999;
    position: absolute;
}

.wp-block-embedpress-document {
       position: relative;
}

直接贴进主题的自定义CSS即可。另外这个CSS是针对前面推荐的那个插件写的。

[孙锡源]

遮盖后的效果：

[小狐狸]

这个方案还是不好用，我在测试效果不行都错位了，https://kkfileview.keking.cn/zh-cn/index.html

看一下这个，大佬研究一下。这个感觉不错，我看的有点头疼

[孙锡源]

照着他教程搭一个呗。不过他这个目测是独立服务，为了预览Word文档，自己再搭建一个java的服务，划算吗

[孙锡源]

腾讯云的数据万象服务提供Word文档预览方案：https://cloud.tencent.com/product/ci

[小狐狸]

辛苦了还一直记得这个帖子

[作者]

帖子