2013-10-11 209 views
9

我想在服務器上存儲的HTML頁面(.rtf,.txt,.log,...)中顯示文本文件的內容。在html中嵌入文本文件

我試過embed但似乎不起作用。

<embed src="/path_to_text_file/text.rtf" width="500" height="300"> 

有一個「簡單」的方法(或標籤)要做到這一點,或者我應該掃描的內容,並打印出來,例如jQuery的?

+0

使用對象而不是 – Dvir

+0

@Dvir與對象會自動開始下載,而不顯示我的文件 – damoiser

+0

你的意思是嵌入或包含的內容? RTF或純文本?不同的東西。 –

回答

5

使用$阿賈克斯()函數與.append()功能可以輕鬆獲取文本文檔的內容並將其顯示在頁面上。沿着你在下面看到的內容。在頁面加載時進行此操作,以立即將文件加載到頁面的其餘部分。

$.ajax({ 
     async:false, 
     url: 'folder/file.txt', 
     dataType: 'text', 
     success: function(data) 
     { 
     $('element').append(data); 
      } 
     }); 

玩弄它一點點,以獲得您正在尋找的正確結果。你也可以使用PHP,但除非你真的需要解析數據,否則PHP在這種情況下有點矯枉過正。

+0

+1有點複雜,但它的工作原理;) – damoiser

+0

這是包含,而不是嵌入。也許真正想要的是什麼,但不是被問到的。 –

+0

對不起damoiser,但很高興它適合你。你也可以使用$ .get()請求,我只是想給你提供原始的ajax請求,它有更多的選項可以控制。 –

1

僅適用於插件內容(flash等)。 嘗試使用ajax獲取內容,然後用document.write寫入; 還是在後端語言(PHP,ASP等)使用include標籤

+0

+1給我正確的工作方向,Keith V贏得最佳答案,因爲他給了我一個比你的更完整的解決方案 – damoiser

6

像這樣的東西應該這樣做:

<object data="/path_to_text_file/text.txt" type="text/plain" 
width="500" style="height: 300px"> 
<a href="/path_to_text_file/text.txt">No Support?</a> 
</object> 
+0

與Chrome不幸並不起作用,似乎自動啓動下載而不顯示內容 – damoiser

+0

代碼發佈效果很好。 RTF文件的類似代碼可能不會。 –

+0

@ JukkaK.Korpela用.rtf文件測試 – damoiser

-3

只需使用php。將html格式更改爲php並使用

echo file_get_contents(「name_of_the_file.txt」);

那樣簡單。 您必須使用php,因爲您必須在服務器端輸出文本,除非信息不會顯示給客戶端。

我認爲是最簡單的方法來做你想做的。

+1

我不認爲我必須使用像PHP,ASP,AngularJS這樣的服務器端語言編程,..確定它更容易,但我的問題是如何在客戶端實現這一點。請參閱接受的解決方案 – damoiser

-3

我發現將HTML5代碼插入網站的最佳方法是將代碼保存到新的文本文檔中並使用該文檔進行嵌入。然後你可以使用css和div格式化代碼。

+2

使用* what *嵌入該文檔 – dwilliss