1 мин
Другое
Light
5
Этот скрипт позволит тебе вставить любой твой pdf-документ в удобном просмоторщике на твою страницу на Тильде.
Как сделать pdf на Тильде
внутри зероблока?
(cвернуть)
Инструкция
1. Создай на странице зероблок, в который будем добавлять PDF и добавь в него html через add HTML
2. Нажми "скопировать код" и вставь его в блок т123 на твою страничку
3. Чтобы загрузить в зеро PDF, его нужно залить на какой-то сервер. Т.к. напрямую Тильда не позволяет загружать файлы на сайт, то зальём PDF на собственный сервер, чтобы он загружалcz с него напрямую. Для этого нужно сначала зарегистрироваться на github.com
- Если тебе нужно загрузить ещё PDF, то просто вернись на github.com выбери в списке слева название которое указывал в пункте 5. и дальше нажми Add file и upload files и повтори всё с пункта 6 ещё раз для каждого нужного тебе PDF
4. После регистрации нажимаем на new
5. Далее пишем любое название в repository name, выбираем public (если не выбрано) и жмём create repository
6. Затем кликаем на upload an existing file
7. Перетаскиваем все наши PDF в соответствующую зону и ТОЛЬКО после загрузки всех файлов жмём commit changes
8. Затем жмём на название нашего PDF в открывшемся списке
<iframe src="тут скопированная ссылка" style="width:100%; height:100%; border:none;"></iframe>
9. После этого нажимаем правой кнопкой мыши по кнопке view raw и копируем полученную ссылку
10. Переходим с полученной ссылкой на https://raw.githack.com/ и и вставляем туда нашу ссылку на PDF
11. Копируем новую сгенерированную ссылку из левого столбика
12. После этого нашу ссылку можно добавлять в наш HTML элемент внутри зероблока в таком формате:
- Не добавляй таким образом большие PDF, ибо это может нагрузить страницу! Оптимальный размер PDF- не более <10мб. Вот ссылка на компрессор PDF если что https://smallpdf.com/compress-pdf
Важно!
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
<!--Библиотека VORON--><!--Вставка pdf зеро https://voron-dev.ru/pdf--> <style>
[data-elem-type="html"]:has(iframe[src*=".pdf"]) * {
height: inherit
}
</style>123Ниже загрузил тестовый PDF прямо в зероблок
Примеры работы модификации