Встраивание текстовых файлов в html

Я хотел бы отображать содержимое текстового файла внутри HTML-страницы (.rtf, .txt, .log,...), хранящейся на сервере.

Я пробовал с embed, но кажется, что это не работает.

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

Для этого есть "простой" метод (или тег), или я должен сканировать содержимое и печатать его, например, jQuery?

Ответ 1

Используя функцию $.ajax() с функцией .append() внутри, вы можете легко захватить содержимое текстового документа и отобразить его на странице. Что-то вроде того, что вы видите ниже. Заполните это при загрузке страницы, чтобы сразу загрузить файл с остальной частью страницы.

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

Поиграйте с ним немного, чтобы получить правильный результат, который вы ищете. Вы также можете использовать PHP, но если вам действительно не нужно разбирать данные, PHP в этом случае немного перехитрит.

Ответ 2

Что-то вроде этого должно это сделать:

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

Ответ 3

предназначен только для содержимого плагина (flash и т.д.). Попробуйте получить контент с помощью ajax, а затем напишите его с помощью document.write; Или используйте тег include на внешнем языке (PHP, ASP и т.д.)

Ответ 4

ПРИМЕЧАНИЕ: извинения за сходство с ответом Кейта V и тот факт, что он упомянул о получении запросов - я заметил только его комментарий о запросах получения после публикации моего ответа.

Я считаю полезной следующую структуру, и она позволяет мне стилизовать текст как промежуток, а не использовать объект:

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>

Ответ 5

Я нашел, что лучший способ вставить код HTML5 на сайт - это сохранить код в новом текстовом документе и внедрить этот документ. Затем вы можете отформатировать код с помощью css и divs.

Ответ 6

Просто используйте php. Измените html-формат на php и используйте

echo file_get_contents ( "name_of_the_file.txt" );

Просто. Вы должны использовать php, потому что вы должны вывести свой текст на стороне сервера, если информация не будет показана клиенту.

Я думаю, что это самый простой способ сделать то, что вы хотите.