简体   繁体   English

从HTML字符串中使用wkhtmltopdf导出为PDF

[英]Export to PDF with wkhtmltopdf from HTML String

I have a website with HTML/CSS and a JavaScript generated inline datepicker. 我有一个使用HTML / CSS和JavaScript生成的嵌入式日期选择器的网站。 You can mark days in datepicker. 您可以在日期选择器中标记日期。

I want to export the whole content with the marks in datepicker as a PDF. 我想将日期选择器中带有标记的全部内容导出为PDF。

With Client-Side jsPDF and canvas2html I have a problem with position and sizes. 使用客户端jsPDF和canvas2html时,我在位置和大小上存在问题。 I get partial content in the PDF only (begin or end from datepicker). 我仅在PDF中获得部分内容(从日期选择器开始或结束)。

Now I try it with wkhtmltopdf. 现在我用wkhtmltopdf尝试一下。

I get the HTML with $("#datepicker").html() and send it to a PHP Script. 我使用$(“#datepicker”)。html()获取HTML,并将其发送到PHP脚本。 It works with a test string, but I get a blank pdf when I use real data. 它可以与测试字符串一起使用,但是当我使用真实数据时会得到空白的pdf。

$.ajax({
  data: 'htmlstring=' + escape($("#datepicker").html()),
  url: 'http://example.com/htmltopdf.php',
  method: 'POST',
  success: function(msg) {
   alert(msg);
  }
});

<?php
  $htmlString = $_POST["htmlstring"];
  //$htmlString = rawurldecode($htmlString);
  exec('echo "<html><head></head><body>' . $htmlString . '</body></html>" | /usr/local/bin/wkhtmltopdf --encoding UTF-8 - export.pdf');
?>

I also like a different working solution. 我也喜欢其他工作解决方案。

data: {
   htmlstring: escape($("#datepicker").html())
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM