在 iframe 中嵌入 Office Online（Word、Excel、Powerpoint）答案

【问题标题】：Embed Office Online (Word, Excel, Powerpoint) in iframe在 iframe 中嵌入 Office Online（Word、Excel、Powerpoint）
【发布时间】：2018-12-13 18:48:46
【问题描述】：

我正在寻找一种将 Office Online 编辑器嵌入iframe 的方法。我需要 https://portal.office.com/ 作为 iframe 的 src，但这似乎不起作用。

然后我想我可以在其中嵌入一个空文档，并在使用时将其保存为新文件。然而，这似乎是不可能的，因为嵌入式文档是以只读方式呈现的。

有人知道如何在iframe 中嵌入任何 Office Online 编辑器吗？

我用这个小提琴在jsfiddle.net/n7e3wv6v/33 中修补了

【问题讨论】：

wopi.readthedocs.io/en/latest/index.html 看看 WOPI 协议（绝对不是嵌入 iframe 这么简单，但也许它会满足您的需求）。 “您可以使用 Web 应用程序开放平台接口 (WOPI) 协议将 Web 版 Office 与您的应用程序集成。”

标签： iframe ms-office embed sharepoint-online

【解决方案1】：

是的，我认为可以使用以下代码来完成，src 文档必须是公共的，并且是 office 已知的扩展名（docx，xls ...）：

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'>
This is an embedded
<a target='_blank' href='http://office.com'>Microsoft Office</a>
document, powered by
<a target='_blank' href='http://office.com/webapps'>Office Online</a>.

【讨论】：

您好，非常感谢您的回答。但是，它嵌入了一个 Microsoft 页面，该页面应该创建指向嵌入式 Office Online 文档的链接（用于查看，而不是编辑）。这是我从中得到的输出：jsfiddle.net/n7e3wv6v/45/