2013-10-11 6 views
9

Ich möchte den Inhalt einer Textdatei innerhalb einer HTML-Seite (.rtf, .txt, .log, ...) anzeigen, die auf dem Server gespeichert ist.Textdateien in HTML einbetten

Ich habe versucht mit embed aber scheint, dass das nicht funktioniert.

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

Es gibt eine „einfache“ Methode (oder Tag), das zu tun oder ich soll für den Inhalt scannen und drucken Sie es mit zum Beispiel jQuery?

+0

Verwenden Sie stattdessen Objekt – Dvir

+0

@Dvir mit Objekt es startet automatisch den Download ohne zeigt mir den Inhalt der Datei – damoiser

+0

Meinen Sie Einbettung oder Aufnahme? RTF oder Nur-Text? Verschiedene Dinge. –

Antwort

5

einen $ Schnipsel() -Funktion mit einem .append() Funktion im Inneren können Sie einfach den Inhalt eines Textdokuments greifen und auf der Seite anzeigen. Etwas nach dem, was du unten siehst. Nehmen Sie dies beim Laden der Seite vor, um die Datei sofort mit dem Rest der Seite zu laden.

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

Spielen Sie ein wenig herum, um das richtige Ergebnis zu erhalten, das Sie suchen. Sie könnten auch PHP verwenden, aber wenn Sie die Daten nicht wirklich analysieren müssen, ist PHP in dieser Situation etwas übertrieben.

+0

+1 ein wenig kompliziert, aber es funktioniert;) – damoiser

+0

Dies ist die Einbeziehung, nicht die Einbettung. Vielleicht was eigentlich gewünscht wurde, aber nicht was gefragt wurde. –

+0

Ha sorry damoiser, aber froh, es funktioniert für Sie. Du könntest auch eine $ .get() - Anfrage verwenden, ich dachte mir nur, ich würde dir die ursprüngliche Ajax-Anfrage geben, die mehr Optionen hat, die du kontrollieren kannst. –

1

ist nur für Plugin-Inhalt (Flash, etc). Versuchen Sie, Inhalt mit Ajax zu bekommen, dann schreiben Sie es mit document.write; Oder verwenden Sie den include Tag in einer Back-End-Sprache (PHP, ASP, etc.)

+0

+1, um mir die richtige Richtung zu arbeiten, Keith V gewinnt die beste Antwort, weil er mir eine vollständigere Lösung gibt als Ihre – damoiser

6

So etwas sollte es tun:

<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

mit Chrome funktioniert leider nicht, es scheint, dass automatisch startet der Download ohne den Inhalt anzuzeigen – damoiser

+0

Der angegebene Code funktioniert gut. Ähnlicher Code für eine RTF-Datei möglicherweise nicht. –

+0

@ JukkaK.Korpela getestet mit einer RTF-Datei – damoiser

-3

Verwenden Sie einfach PHP. Ändern Sie das HTML-Format in PHP und verwenden Sie

echo file_get_contents ("name_of_the_file.txt");

Einfach so. Sie müssen PHP verwenden, da Sie Ihren Text auf der Serverseite ausgeben müssen, es sei denn, die Informationen werden dem Client nicht angezeigt.

Ich denke, ist der einfachste Weg zu tun, was Sie wollen.

+1

Ich denke nicht, dass ich eine serverseitige Sprachenprogrammierung wie PHP, ASP, AngularJS verwenden muss, .. sicher ist es einfacher, aber meine Frage war, wie dies nur auf der Clientseite implementiert werden kann. Siehe die akzeptierte Lösung – damoiser

-3

Ich fand den besten Weg, HTML5-Code in eine Website einzufügen, ist es, den Code in einem neuen Textdokument zu speichern und das Dokument mit einzubetten. Dann können Sie den Code mit CSS und Divs formatieren.

+2

Dieses Dokument mit * what * einbetten? – dwilliss