[解決済み] JavaScriptを使ってWord文書(.doc, .docx)をブラウザでレンダリングするには?
質問内容
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を使ってワードドキュメントを表示する方法 となります。
例
しかし、すべてのブラウザではないにしろ、ほとんどのブラウザでネイティブサポートを受けたいのであれば、このような場合は
.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 これは、あなたのドキュメントをサードパーティのサーバーにアップロードすることになります。もし、これが受け入れられないのであれば、この表示方法は適切ではありません。
ライブの例
関連
-
親子コンポーネント通信を解決する3つのVueスロット
-
JSアレイループと効率解析の比較
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] Javascriptで文字列の最後の文字を切り取るにはどうしたらいいですか?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み] オブジェクトをメンバーとして、プレーンなJavaScriptオブジェクトをループさせる方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vue Element-uiは、アイコンを追加するためのツリーコントロールノードを詳細に実装しています。
-
Vueの要素ツリーコントロールに破線を追加する説明
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
vueディレクティブv-bindの使用と注意点
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
jq は html ページとデータを動的に分割する。