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

Question

I am looking for a way to embed Office Online editors in an iframe . I need https://portal.office.com/ as the src of the iframe, but that does not seem to work.

Then I thought I could maybe embed an empty document in there and have it be saved as a new file upon use. This does not seem to be possible however, as embedded documents are presented as read-only.

Does anybody know how to embed any of the Office Online editors in an iframe ?

I've used this fiddle to tinker around in jsfiddle.net/n7e3wv6v/33

Answer 1

Yes I think it can be done with the following code, src document must be public and a extension known by 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>.