9

サイトの大部分がユーザー生成ドキュメントを表示する Web アプリケーションを設計しています。現在、Web サイトに LaTeX ソース コードと pdf レンダリングを既に実装していますが、サイトで Microsoft Word ファイル (.doc および .docx) をレンダリングすることはまだできません。私は周りを見回して同様の質問を見つけました（ここ）が、答えはありませんでした。Google Docs のような Web ベースのソリューションを使用するか、OpenOffice を使用してサーバー上でプログラムで実行することが実行可能なソリューションであるかどうか疑問に思っています。ただし、純粋な JavaScript ソリューションが理想的です。

4

2 に答える 2

5

Vikram の回答に基づいて、ファイルをレンダリングするためにGoogle Docs Viewerを使用できます。このようにして、すべてのブラウザで動作するはずです。

それ以外の

<a href="doc1.doc" target="awindow">Doc 1</a>

使用する

<a href="http://docs.google.com/viewer?url=[URLToDoc1.doc]" target="awindow">Doc 1</a>

ただし、URL を urlencode する必要があります。例えば、

http://research.google.com/archive/bigtable-osdi06.pdf

になる

http%3A%2F%2Fresearch.google.com%2Farchive%2Fbigtable-osdi06.pdf

リンクを簡単に生成するには、https://docs.google.com/viewerにアクセスしてください。

さらに、Vikram のコードは古くて醜​​いです。次のようなものを使用する必要があります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Open Doc</title>
<style type="text/css">
/*<![CDATA[*/
.clear{clear:both;}
#list{float:left;margin-right:50px;}
#wrapper{overflow:hidden;}
#awindow{width:100%;height:440px;}
/*]]>*/
</style>
</head>
<body>
<ul id="list">
    <li><a href="http://docs.google.com/viewer?url=[URLToDoc1.doc]" target="awindow">Doc 1</a></li>
    <li><a href="http://docs.google.com/viewer?url=[URLToDoc2.docx]" target="awindow">Doc 2</a></li>
    <li><a href="http://docs.google.com/viewer?url=[URLToDoc3.doc]" target="awindow">Doc 3</a></li>
</ul>
<div id="wrapper">
  <iframe id="awindow" name="awindow" src="title.html"></iframe>
</div>
<div class="clear"></div>
</body>
</html>
于 2012-08-24T14:10:15.437 に答える
0

あなたはすでにこのようなことを試しましたか？：

<html>
<head>
<title>Open Doc</title>
</head>
<body>
<DIV align="CENTER">
<TABLE BORDER="1" CELLSPACING="1" CELLPADDING="1" WIDTH="100%">
<TR>
<TD WIDTH="25%" ALIGN="left" VALIGN="TOP">
<a href="doc1.doc" target="awindow">Doc 1</A><br>
<a href="doc2.docx" target="awindow">Doc 2</A><br>
<a href="doc3.doc" target="awindow">Doc 3</A>
</TD>
<TD WIDTH="75%" ALIGN="CENTER" VALIGN="TOP">
<iframe name="awindow" frameborder=2 width=580 height=440 src="title.html"></iframe>
</TD></TR></TABLE></CENTER>
</DIV>
</body>
</html>

これらのドキュメントを配置するサーバー上のパスにhref属性を変更します

于 2012-08-24T13:58:04.777 に答える