1. ホーム
  2. javascript

[解決済み] JavaScriptを使ってWord文書(.doc, .docx)をブラウザでレンダリングするには?

2022-04-30 08:28:09

質問内容

Open/Save"ダイアログの代わりに、PDFファイルをブラウザに表示するコードを作成することに成功しました。今、ブラウザでWord文書を表示しようとして行き詰っています。Firefox、IE7+、ChromeなどでWord文書を表示させたいのですが。

どなたか助けてください。ブラウザでWord文書を表示する際に、いつも"Open/Save"ダイアログが表示されます。この機能をJavaScriptで実装したいのですが。

解決方法を教えてください。

現在、Word ドキュメントをレンダリングするために必要なコードを持つブラウザはなく、私の知る限り、Word ドキュメントをレンダリングするためのクライアント側のライブラリも現在存在しません。

しかし、Word ドキュメントを表示するだけで編集する必要がない場合は、 Google ドキュメントのビューアから <iframe> を表示するために、リモートでホストされている .doc / .docx .

<iframe src="https://docs.google.com/gview?url=http://remote.url.tld/path/to/document.doc&embedded=true"></iframe>

解答は"を参考にしました。 fancyboxを使ってワードドキュメントを表示する方法 となります。

JSFiddle

しかし、すべてのブラウザではないにしろ、ほとんどのブラウザでネイティブサポートを受けたいのであれば、このような場合は .doc / .docx をPDFファイルとして作成することができます。 PDF.js をMozillaが提供します。

編集する

感謝 キューブゲレロ Microsoft Office 365のビューアをコメント欄に投稿していただきました。

<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>.</iframe>

もう一つ、重要な注意点として、次のような指摘があります。 ライトスイッチ05 これは、あなたのドキュメントをサードパーティのサーバーにアップロードすることになります。もし、これが受け入れられないのであれば、この表示方法は適切ではありません。

ライブの例

Google Docs ビューア

Microsoft Office Viewer