2012-08-24 130 views
9

我正在設計一個Web應用程序,其中大部分網站將顯示用戶生成的文檔。現在,我已經在網站上實現了LaTeX源代碼和pdf渲染,但是我仍然無法渲染站點上的Microsoft Word文件(.doc和.docx)。我環顧四周,發現了一個類似的問題(here),但沒有回答。我想知道是否使用Google Docs之類的基於Web的解決方案,或者使用OpenOffice以編程方式在服務器上執行這些解決方案是可行的解決方案。一個純粹的JavaScript解決方案將是理想的。在網頁上呈現Microsoft Word文檔

回答

5

基於維克拉姆的回答,您可以使用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> 

但是你必須來urlencode的URL。例如,

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

成爲

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

你可以去https://docs.google.com/viewer爲了容易生成的鏈接。

此外,維克拉姆的代碼又老又醜。你應該使用類似的東西:

<!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> 
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屬性在服務器上的路徑將放置這些文件

+0

但這隻適用於IE瀏覽器,不是嗎? – Oriol