it-swarm.com.de

Textdateien in HTML einbetten

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

Ich habe es mit embed versucht, aber das scheint nicht zu funktionieren. 

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

Es gibt eine "einfache" Methode (oder ein Tag), um dies zu tun, oder ich sollte nach dem Inhalt scannen und ihn beispielsweise mit jQuery drucken.

12
damoiser

Wenn Sie die Funktion $ .ajax () mit der Funktion .append () verwenden, können Sie leicht den Inhalt eines Textdokuments erfassen und auf der Seite anzeigen. Etwas in der Richtung dessen, was Sie unten sehen. Stellen Sie dies beim Laden der Seite so ein, dass die Datei sofort mit dem Rest der Seite geladen wird.

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

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

7
Keith V

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

ist nur für Plugin-Inhalte (Flash usw.). Versuchen Sie, Inhalte mit ajax abzurufen, und schreiben Sie sie dann mit document.write; Oder verwenden Sie den Tag include in einer Back-End-Sprache (PHP, ASP usw.)

3
zzxx53

HINWEIS: Ich entschuldige mich für die Ähnlichkeit mit der Antwort von Keith V. und die Tatsache, dass er erwähnt wurde, erhält Anfragen - ich habe erst bemerkt, dass er eine Anfrage geschrieben hat, nachdem ich meine Antwort veröffentlicht hatte.

Ich finde die folgende Struktur hilfreich und erlaube mir, den Text als Spannweite zu gestalten, anstatt ein Objekt verwenden zu müssen:

function append_url_content_to_div(url){
  $.get(url, function(returned_data){
    console.dir(returned_data);
    var content = '<span>'+returned_data+'</span>';
    $("#appendee_div").append(content);								
  });
}
append_url_content_to_div("https://dl.dropbox.com/s/euk874r7zd1cx0d/example_text.txt?dl=0"); //note that it has to be "dl." not "www." in dropbox
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="appendee_div"></div>

Es funktioniert für mich mit Dropbox-Inhalten, aber ich sehe nicht, warum es für öffentlich sichtbare Textdateien nicht funktioniert. Wie Sie im Code sehen können, benötigen Sie eine Jquery.

0
it Haffens