Как сохранить HTML блок в pdf и предложить пользователю его скачать?

Question

[bbquite]

Пробовал использовать jsPDF - не распознает кириллицу и + не рендерит блок полностью.
Пробовал pdfmake но на сколько я понял он сам не рендерит страницу, а нужно самому всё парсить со страницы и записывать туда.
Также пробовал через API, но этот вариант был отклонен заказчиком т.к. в стандартном тарифе доступно 150 запросов в месяц.

Есть вариант чтобы просто указать необходимы блок, а на выходе получить pdf без лишних заморочек?

Comments

[Ihor Bratukh]

Попробуйте сначала html блок в canvas, а потом с canvas через jsPDF в pdf. Так будет кирилица

[bbquite]

Ihor Bratukh, Спасибо, попробую

[bbquite]

Ihor Bratukh,
Почему не работает:

let element = document.getElementById('route-container');
	html2canvas(element, {dpi: 144, letterRendering: true}).then(function(canvas) {
		console.log(canvas)
		let img = canvas.toDataUrl("image/png");
		var pdf = new jsPDF('l', 'pt', [1920, 1080]);
		pdf.addImage(img, 'png', 40);
		pdf.save('test.pdf');
	})

Ошибка: Uncaught (in promise) TypeError: canvas.toDataUrl is not a function

[Ihor Bratukh]

WebDev921, нету функции toDataUrl в элемента canvas

Answer 1

[Шохрух Шаймардонов]

Вот этот сервис посмотрите. С русским проблем не выявил, очень прост в использовании, документация хорошая, БЕСПЛАТНО

Comments

[bbquite]

используя ajax запрос, мне приходит в ответ pdf в закодированном виде, как мне его сохранить на стороне пользователя в файл?

[Шохрух Шаймардонов]

WebDev921, в документации поискали?

[bbquite]

Шохрух Шаймардонов, использовал пример 2 на этой странице https://www.html2pdfrocket.com/convert-php-to-pdf

[Шохрух Шаймардонов]

WebDev921, покажите как вы используете пример.

[bbquite]

Пока что я просто вывожу ответ в консоль т.к. не знаю что с ним делать:
JS

$('#save_route').click(function(event) {
	startPreloader();
	$.ajax({
		url: '/wp-admin/admin-ajax.php',
		type: "POST",
		data: "action=get_pdf",
		success: function(response){
			console.log(response);
			stopPreloader();
		}
	});
});

PHP

function get_pdf(){
	$apikey = 'e9c18905-cf-9a58-5cebbd9826d1';
	$value = 'yandex.ru';
	$result = file_get_contents("http://api.html2pdfrocket.com/pdf?apikey=" . urlencode($apikey) . "&value=" . urlencode($value));

	header('Content-Description: File Transfer');
	header('Content-Type: application/pdf');
	header('Expires: 0');
	header('Cache-Control: must-revalidate');
	header('Pragma: public');
	header('Content-Length: ' . strlen($result));
	 
	header('Content-Disposition: attachment; filename=' . 'alias-name.pdf' );

	echo $result;
	wp_die();
}

[Шохрух Шаймардонов]

WebDev921, выведите результат в виде ссылки типа download и при ее нажатии можно будет скачать файл

[bbquite]

@joeberett, а как мне вывести ответ ссылкой, если в ответе приходит что то типо такого
походу я тормоз :)

[Шохрух Шаймардонов]

WebDev921, какого? Что приходит?

[bbquite]

Шохрух Шаймардонов, я ж скрин скинул

[Шохрух Шаймардонов]

WebDev921, простите, не отобразилось сразу
Echo result в коде пхп. Что получится

[bbquite]

Шохрух Шаймардонов, всё разобрался, спасибо большое, всё работает

[Шохрух Шаймардонов]

WebDev921, пожалуйста)