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

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

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

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

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

11
embed html html5 text text-files

6 ответов

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

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

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

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

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

3

Примечание: извинения за сходство с ответом кита V и тот факт, что он упомянул get requests - я только заметил его комментарий о get requests после публикации моего ответа.

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

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>

он работает для меня для контента dropbox, но я не вижу, почему он не будет работать для общедоступных текстовых файлов. Как вы можете смотрите в коде, вам нужен jquery.

0

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

-3

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

echo file_get_contents ("name_of_the_file.txt");

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

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

-4