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

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

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

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

Загрузив и вставив PDF файл в полную новость вы видите вот такую картину.


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



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

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

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


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



После того как дополнительное поле создано. Впишите в файл 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 файла в теле полной новости, он будет отображаться вот в таком виде.