如何从 html 页面生成 PDF答案

【问题标题】：How to generate PDF from an html page如何从 html 页面生成 PDF
【发布时间】：2017-12-29 10:10:54
【问题描述】：

我有一个使用我的自定义插件显示的表单。下面给出的是使用插件显示表单的代码：

$question = $wpdb->get_results("SELECT * FROM $table_name1 WHERE group_id=$id");
$instruction = $question[0]->instructions;
$html = "<h2>Instructions</h2><p>".$instruction."</p><br><button>Download</button>";
$arr_size = sizeof($question);
$html .= "<form method='POST' action=''>";
for ($i=0; $i < $arr_size ; $i++) { 
    $sid = $question[$i]->s_id;
    $html .= "<b>Question:</b><i><span>".$question[$i]->questions."</span></i><br>";
    $answer = $wpdb->get_results("SELECT * FROM $table_name2 WHERE u_id=$userid AND s_id=$sid");
    $size = sizeof($answer);
    $option = $question[$i]->options;
    for ($j=1,$k=0; $j <= $option; $j++,$k++) { 
        $html .= "<input type='hidden' value='".$answer[$k]->a_id."' name='aid".$sid.$j."'>";
        $html .= "<textarea name='ans".$sid.$j."' id='ans".$sid.$j."'>".$answer[$k]->answer."</textarea><br>";
    }
}
$html .= "<input type='submit' value='submit' name='submit2'></form>";
return $html;

之前提交的值将是它们在文本框中的值。当我点击下载按钮而不是表单提交时，我需要下载表单的内容。

【问题讨论】：

你使用了哪个 pdf "Dompdf" ？
希望对您有所帮助。 c-sharpcorner.com/blogs/…
@Sandra，查看此网址，希望对您有所帮助：- w3init.com/php/libraries/… AND phpflow.com/php/create-pdf-file-using-mpdf-php
@Sandra，如果你愿意，我有“Dompdf”示例，我会发布。？
@NimeShPatel 你能发布那个例子吗？

标签： php html forms pdf

【解决方案1】：

请检查该代码

https://www.phpgang.com/how-to-convert-html-to-pdf-in-php-with-fpdf_447.html?doing_wp_cron=1514545193.9442338943481445312500

您必须下载 fpdf 库并将其包含在您的 PHP 文件下面的设置以及如何在您的 pdf 文件中显示标签、字体和图像。对于 fpdf 库，我们使用了程序员提供的 HTMLparser 库以及此处提供的所有其他库，您可以根据需要下载和使用。

index.html：

<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<title>How to create Contact Form using Bootstrap  | PGPGang.com</title>
</head>

<body>
<h2>How to create Contact Form using Bootstrap example.&nbsp;&nbsp;&nbsp;=> <a href="https://www.phpgang.com/">Home</a> | <a href="http://demo.phpgang.com/">More Demos</a></h2>
<div class="container">
      <form class="contact-us form-horizontal" action="actionpdf.php" method="post">
        <legend>Fill Form and submit to generate PDF</legend>        
        <div class="control-group">
            <label class="control-label">Name</label>
            <div class="controls">
                <div class="input-prepend">
                <span class="add-on"><i class="icon-user"></i></span>
                    <input type="text" class="input-xlarge" name="name" placeholder="Name">
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label">Email</label>
            <div class="controls">
                <div class="input-prepend">
                <span class="add-on"><i class="icon-envelope"></i></span>
                    <input type="text" class="input-xlarge" name="email" placeholder="Email">
                </div>
            </div>    
        </div>
        <div class="control-group">
            <label class="control-label">Url</label>
            <div class="controls">
                <div class="input-prepend">
                <span class="add-on"><i class="icon-globe"></i></span>
                    <input type="text" id="url" class="input-xlarge" name="url" placeholder="http://www.example.com">
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label">Comment</label>
            <div class="controls">
                <div class="input-prepend">
                <span class="add-on"><i class="icon-pencil"></i></span>
                    <textarea name="comment" class="span4" rows="4" cols="80" placeholder="Comment (Max 200 characters)"></textarea>
                </div>
            </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <button type="submit" class="btn btn-primary">Submit</button>
            <button type="button" class="btn">Cancel</button>
          </div>    
        </div>
      </form>
</div>
</body>
</html>

actionpdf.php

require('WriteHTML.php');

$pdf=new PDF_HTML();

$pdf->AliasNbPages();
$pdf->SetAutoPageBreak(true, 15);

$pdf->AddPage();
$pdf->Image('logo.png',18,13,33);
$pdf->SetFont('Arial','B',14);
$pdf->WriteHTML('<para><h1>PHPGang Programming Blog, Tutorials, jQuery, Ajax, PHP, MySQL and Demos</h1><br>
Website: <u>www.phpgang.com</u></para><br><br>How to Convert HTML to PDF with fpdf example');

$pdf->SetFont('Arial','B',7); 
$htmlTable='<TABLE>
<TR>
<TD>Name:</TD>
<TD>'.$_POST['name'].'</TD>
</TR>
<TR>
<TD>Email:</TD>
<TD>'.$_POST['email'].'</TD>
</TR>
<TR>
<TD>URl:</TD>
<TD>'.$_POST['url'].'</TD>
</TR>
<TR>
<TD>Comment:</TD>
<TD>'.$_POST['comment'].'</TD>
</TR>
</TABLE>';
$pdf->WriteHTML2("<br><br><br>$htmlTable");
$pdf->SetFont('Arial','B',6);
$pdf->Output(); 
?>

【讨论】：

我需要在按钮点击而不是表单提交时生成 PDF。
请检查链接是否正确它不是表单提交它的简单按钮你可以尝试在任何按钮上运行
该链接中的表单对actionpdf.php 有作用。我的插件中的表单提交使用 ajax，因此我的 from 没有任何操作。

【解决方案2】：

我终于找到了我的问题的答案。首先要做的是下载您正在使用的 pdf 文件夹。这里我使用 MPDF。这是我的按钮 html 代码：

<button class='pdfupload' id='".$userid."' dataoffset='".$group_id."'>Download</button>

从$userid 和$group_id 我们将得到显示的表单数据。在按钮单击时触发 ajax 调用。

jQuery(document).ready(function(){
        jQuery('.pdfupload').click(function(){
            var group_id = jQuery(this).attr('dataoffset');
            var ID = jQuery(this).attr('id');
            jQuery.ajax({
                type:'POST',
                url:"<?=site_url()?>/uploadpdf.php",
                data:{group_id:group_id, ID:ID},
                success:function(result){
                    window.location.replace('<?=site_url()?>/filegen.php?name='+result);
                }
            });
        });
    });

在 ajax 页面中将生成 pdf。要生成 pdf 文件，需要包含 mpdf.php。下面给出代码：

include('MPDF57/mpdf.php');
include 'wp-load.php';
global $wpdb;
$date = date("Ymdhis");
$filename = $id.'trialbasic'.$date.'.pdf';
$path = dirname(__FILE__).'/pdfs/'.$filename;
$html = "Your pdf content"; //Here in my code the details using `$userid` and `$group_id` will be fetched 
$mpdf=new mPDF();
$mpdf->WriteHTML($html);
$mpdf->Output($path,'F');
echo $filename;

此处将生成 PDF 文件并将其存储在$path。 ajax 的返回将是 PDF 文件的名称。在成功部分调用filegen.php 以便在单击时直接下载PDF 文件。 ajax的结果会传给filegen.phpfilegen.php中的代码如下：

include 'wp-load.php';
$name = $_GET['name']; 
$path = dirname(__FILE__).'/pdfs/'.$name;
header('Content-Disposition: attachment; filename=' . $name);  // Make the browser display the Save As dialog
readfile($path);  //this is necessary in order to get it to actually download the file, otherwise it will be 0Kb

最后感谢大家抽出时间来帮助我。

【讨论】：

是否可以在不访问终端或包管理器的情况下安装 MPDF？
@posfan12 我将 MPDF 文件夹直接上传到我的项目文件夹。所以我不确定是否可以在没有包管理器访问权限的情况下安装 MPDF。

【解决方案3】：

对于这个超级简单的任务，我不推荐使用 fpdf。试试https://wkhtmltopdf.org/

在您的代码中会很简单：

$htmlFileName = '/tmp/file.html';
$pdfFileName = '/tmp/file.pdf';
file_put_contents($htmlFileName, '<html>');
exec("wkhtmltopdf portrait $htmlFileName $pdfFileName");

【讨论】：

这是一个非常小的响应。你能提供更多细节吗？
就是这个，你不需要别的东西了。
$html 和 $content 是什么？