2012-08-24 51 views
9

Tôi đang thiết kế một ứng dụng web trong đó một phần lớn trang web sẽ hiển thị tài liệu do người dùng tạo. Bây giờ, tôi đã triển khai mã nguồn LaTeX và hiển thị pdf trên trang web, nhưng tôi vẫn không thể hiển thị các tệp Microsoft Word (.doc và .docx) trên trang web. Tôi đã nhìn xung quanh và tìm thấy một câu hỏi tương tự (here), nhưng nó chưa bao giờ được trả lời. Tôi tự hỏi có hay không sử dụng một giải pháp dựa trên web như Google Docs hoặc làm nó một cách có lập trình trên máy chủ với OpenOffice là các giải pháp khả thi. Một giải pháp JavaScript thuần túy sẽ là lý tưởng.Hiển thị tài liệu Microsoft Word trên trang web

Trả lời

5

Dựa trên câu trả lời Vikram, bạn có thể sử dụng Google Docs Viewer theo thứ tự để hiển thị các tệp. Bằng cách này, nó sẽ hoạt động trên tất cả các trình duyệt.

Thay vì

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

sử dụng

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

Nhưng bạn phải URLEncode URL. Ví dụ,

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

trở thành

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

Bạn có thể vào https://docs.google.com/viewer để tạo ra các liên kết một cách dễ dàng.

Hơn nữa, mã của Vikram cũ và xấu. Bạn nên sử dụng một cái gì đó như:

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

Các bạn đã thử một cái gì đó như thế này đã ?:

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

thay đổi href thuộc tính vào đường dẫn trên máy chủ của bạn, nơi bạn sẽ đặt các tài liệu này

+0

Nhưng chỉ hoạt động trên IE, phải không? – Oriol

Các vấn đề liên quan