HTML в PDF

Вставьте HTML и получите аккуратный постраничный PDF, сохраняющий структуру документа.

Разбор разметки при преобразовании HTML в PDF идёт на вашем устройстве. В свёрстанных счетах и клиентских отчётах часто есть персональные данные — они не загружаются.

В обратную сторону: PDF в HTML

Об инструменте HTML в PDF

Печать веб-страницы в PDF отдаёт вам страницу целиком — с навигацией, полосой про куки и тремя колонками обстановки. Чаще нужно содержимое: отчёт, который сформировало приложение, счёт, который собрал шаблон, статья без мебели вокруг. Этот конвертер читает разметку ради структуры, а не ради внешнего вида. Заголовки, абзацы, списки, цитаты, преформатированный код, горизонтальные линии и таблицы сохраняются; таблицы стилей, скрипты и обстановка страницы намеренно отбрасываются.

Возможности

Как использовать HTML в PDF

  1. Вставьте HTML или перетащите сохранённый файл .html
  2. Посмотрите на число блоков, чтобы понять, какая структура распознана
  3. Выберите формат страницы, поля, кегль и шрифт
  4. Преобразуйте, прочитайте предпросмотр и скачайте

Пример

Ввод

<h1>Quarterly summary</h1>
<p>Revenue grew across all three regions.</p>
<ul><li>Renewals up 14%</li></ul>

Результат

A PDF with a large heading, one paragraph and a bulleted line — no page chrome, no stylesheet.

Переносится структура; визуальный дизайн исходной страницы — нет.

Частые ошибки и устранение неполадок

Часто задаваемые вопросы

Отправляет ли это мою разметку в сервис отрисовки?
Нет. Разметка разбирается в этой вкладке, и PDF пишется здесь же, что важно, когда HTML — это счёт или клиентский отчёт.
Применится ли мой CSS к PDF?
Нет. Шрифты, цвета и вёрстка берутся из настроек на этом экране, а не из таблицы стилей — именно это сохраняет вывод читаемым.
Можно ли преобразовать живой адрес, а не вставлять разметку?
Отсюда нельзя: получение адреса означало бы запрос, уходящий с вашей машины. Сохраните страницу или скопируйте её разметку.
Включаются ли изображения из HTML?
Нет. Сохраняется только альтернативный текст: изображения лежат по адресам, к которым инструмент намеренно не обращается.
Что происходит с формой или полем ввода?
На бумаге элементы формы смысла не имеют, поэтому пропускаются. Текст подписей рядом сохраняется как обычное содержимое.

Связанные инструменты

Все инструменты ArrayKit