Как отобразить pdf файл в html - как сделать ссылку на pdf файл для просмотра на сайте DLE
название сайта
Авторизация

Как отобразить pdf файл в html

+1
DataLife Engine0 комментариев
Каждый вебмастер знает как загрузить PDF файл на сайт под управлением DLE. Но не все знают как отобразить PDF файл на странице полной новости.

Как встроит PDF файл в тело сайта

Когда вы хотите поделится PDF-файлом, который слишком велик для публикации в виде вложения, в этом случае создание URL-адреса для PDF-документа — лучший способ поделится файлом. Но как создать URL для PDF? Где вы храните файл, чтобы любой, у кого есть URL-адрес, имел доступ к нему? Если вы ищете быстрое решение этих проблем в DLE, вы найдете ответы в этой статье. Более того, вы можете не только получить метод создания URL-адреса для PDF, но также узнать, как создать URL-адрес в документе PDF с помощью DLE.


Как загрузить файл PDF на сайт


В DLE данная функция организована так же просто, как и для загрузки картинок. Достаточно нажать на "Управление загруженными файлами", и указать путь на PDF файл.
Загрузка PDF файла на сайт DLE
Загрузив и вставив PDF файл в полную новость вы видите вот такую картину.

Загруженный PDF файла на сайт DLE
А при просмотре полной новости после редактирования и сохранения вы получаете ссылку на скачивании PDF файла и на открытие файла в онлайн режиме для просмотра.


test-pdf.pdf [37.43 Kb] (cкачиваний: 135)
Посмотреть онлайн файл: test-pdf.pdf


А вот как сделать так чтобы PDF файл отрывался в полной новости, разработчики DLE не проинформировали. Либо я плохо читал документацию по DLE.  smirk


Как сделать ссылку на pdf файл для просмотра на сайте


Данный способ отображения PDF файла в полной новости DLE подходит и для других движков. Но я опишу простой способ встраивания PDF файла для онлайн просмотра в теле полной новости.


Первый делом создайте дополнительное поле - несколько строк. (можно создавать и одну строку, тогда нажно часть кода вписать в fullstory.tpl )

Создание дополнительного поля для PDF файлов

После того как дополнительное поле создано. Впишите в файл fullstory.tpl после:

{full-story}


Ваше дополнительное поле для PDF файлов:

[xfgiven_pdf][xfvalue_pdf][/xfgiven_pdf]

На этом правки DLE закончены. Осталось вписать html код, который позволит отобразить PDF файл на странице вашего сайта.

Впишите в дополнительное поле вот такое содержимое.

<object data="your_url_to_pdf" type="application/pdf"> <iframe src="https://docs.google.com/viewer?url=ВАША_ССЫЛКА_НА_ПДФ&embedded=true"></iframe>
</object>

Замените ВАША_ССЫЛКА_НА_ПДФ на вашу ссылку.


У меня PDF файл находится тут - https://new.thin.kiev.ua/uploads/files/2022-04/71-thin.kiev.ua-test-pdf.pdf

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


Читайте также

Отметьте картинки:*
new.thin.kiev.ua
Авторизация