Вставить текстовые файлы в html

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

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

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

Существует «простой» способ (или тег), чтобы сделать это, или я должен сканировать содержание и распечатать его, например, JQuery?

источник

2013-10-11 damoiser

Использовать объект вместо – Dvir

@Dvir с объектом он автоматически запускает загрузку, не показывая мне содержимое файла – damoiser

Вы имеете в виду вложение или включение? RTF или обычный текст? Разные вещи. –

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

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

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

источник

2013-10-11 18:33:56

+1 немного сложный, но он работает;) – damoiser

Это включение, а не вложение. Возможно, что действительно было нужно, но не то, что было задано. –

Жаль, дамоузер, но рад, что он работает на вас. Вы также можете использовать запрос $ .get(), я просто решил, что дам вам оригинальный запрос ajax, у которого есть больше возможностей, которыми вы можете управлять. –

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

источник

2013-10-11 17:54:23 zzxx53

+1, чтобы дать мне правильное направление работы, Keith V выигрывает лучший ответ, потому что он дает мне более полное решение, чем ваш – damoiser

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

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

источник

2013-10-11 17:55:34 JonasT

с Chrome, к сожалению, не работает, кажется, что он автоматически запускает загрузку без отображения содержимого – damoiser

Выложенный код работает хорошо. Аналогичный код для файла RTF может и не быть. –

@ JukkaK.Korpela проверен с использованием файла .rtf – damoiser

-3

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

echo file_get_contents ("name_of_the_file.txt");

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

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

источник

2014-05-29 13:14:15 user3279149

Я не думаю, что я должен использовать программирование на стороне сервера, такое как PHP, ASP, AngularJS, .. уверен, что это проще, но мой вопрос заключался в том, как реализовать это только на стороне клиента. См. Принятое решение – damoiser

-3

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

источник

2017-11-20 17:40:55

вставьте этот документ, используя * what *? – dwilliss

Вставить текстовые файлы в html

ответ

Смежные вопросы