2012-08-24 8 views
9

Ich entwerfe eine Webanwendung, in der ein großer Teil der Website nutzergenerierte Dokumente anzeigt. Nun habe ich bereits LaTeX-Quellcode und PDF-Rendering auf der Website implementiert, aber ich kann immer noch keine Microsoft Word-Dateien (.doc und .docx) auf der Site rendern. Ich habe mich umgesehen und eine ähnliche Frage gefunden (here), aber sie wurde nie beantwortet. Ich frage mich, ob die Verwendung einer webbasierten Lösung wie Google Docs oder die programmatische Ausführung auf dem Server mit OpenOffice eine praktikable Lösung darstellt. Eine reine JavaScript-Lösung wäre jedoch ideal.Rendern eines Microsoft Word-Dokuments auf einer Webseite

Antwort

5

Basierend auf Vikram Antwort platzieren, werden Sie Google Docs Viewer um verwenden könnte um die Dateien zu rendern. So sollte es auf allen Browsern funktionieren.

Statt

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

Verwendung

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

Aber Sie haben die URL urlencode. Zum Beispiel

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

wird

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

Sie zu https://docs.google.com/viewer um gehen können die Links leicht zu erzeugen.

Darüber hinaus ist Vikram Code alt und hässlich. Sie sollten etwas wie:

<!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

Haben Sie so etwas wie dies bereits versucht ?:

<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> 

die href ändern Attribute auf Ihrem Server Pfad, in dem Sie diese Dokumente

+0

Aber das funktioniert nur auf IE, nicht wahr? – Oriol

Verwandte Themen