Примеры генерации HTML в PDF посредством HTML / JavaScript

Если вам необходима конвертация HTML в PDF прямо из пользовательских сценариев, вы можете использовать наш веб-сервис. Для этого вам не придется устанавливать или загружать какие-либо библиотеки или компоненты, достаточно реализовать простой API. Это простой и удобный способ создания PDF версий документов для отчетов, счетов-фактур, накладных, электронных билетов и т.п. Можно создать нужную HTML-страницу и использовать ее в качестве источника для создания файла PDF или изображения. Наш сервис может считывать любые веб-страницы в интернет по передаваемоогу адресу и динамически генерировать HTML в PDF или файлы изображений. Сервис может обрабатывать достаточно сложные документы и макеты, в том числе ссылки на изображения, инструкции JavaScript, CSS.

Пример №1 - Открываем полученный PDF в новой вкладке броузера

        /**
* html: текст HTML для конвертации в PDF
* savePdf: функция обратного вызова  для сохранения PDF файла
* Открытие PDF в новой вкладке броузере
*/
function pdfGenerate(html, savePdf) {
       var self = this;
       
       self.save = savePdf;
       self.req = new XMLHttpRequest();
  
       var url = "http://api.pdf4b.ru/pdf";
       var apiKey = "ВАШ_КЛЮЧ_API";
 
       //Используем необходимые параметры в запросе к API
       var data = "apikey=" + apiKey + "&value=" + encodeURIComponent(html);
  
       self.req.onload = function(event) {
              self.reader = new FileReader();
              
              self.reader.addEventListener("loadend", function() {
 
                     //Открываем новую закладку в броузере
                     window.open(self.reader.result, "_blank");
                     
                     //Отправляем данные
                     return self.reader.result;
              });
              
              self.reader.readAsDataURL(self.req.response);
       };
  
       self.req.open("POST", url, true);
       self.req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
       self.req.responseType = "blob";
  
       self.req.send(data);
}
    

Дополнительно смотрите список опций для генерации PDF или JPEG

Пример №2 - Получаем PDF в виде бинарных данных

        /**
* html: текст HTML для конвертации в PDF
* savePdf: функция обратного вызова  для сохранения PDF файла
* Returns the binary PDF data
*/
  
function pdfGenerate(html, savePdf) {
       var self = this;
       
       self.save = savePdf;
       self.req = new XMLHttpRequest();
  
       var url = "http://api.pdf4b.ru/pdf";
       var apiKey = "ВАШ_КЛЮЧ_API";
       //Используем необходимые параметры в запросе к API
       var data = "apikey=" + apiKey + "&value=" + encodeURIComponent(html);
  
       self.req.onload = function(event) {
              self.save(self.req.response);
       };
  
       self.req.open("POST", url, true);
       self.req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
       self.req.responseType = "blob";
  
       self.req.send(data);
}
    

Дополнительно смотрите список опций для генерации PDF или JPEG

Поделитесь с коллегами:

Не тратьте свое время! Подключайтесь к API прямо сейчас!

Генерация ключа занимает меньше минуты. Ключ будет мгновенно выслан вам на почту.