生成带有可在角度编辑的输入字段的pdf

时间:2018-12-07 10:04:16

标签: javascript angularjs pdf html2pdf

我在javascript和angularjs上有此代码,以创建可编辑的pdf,由此用户可以/可以在文本字段上输入数据。 pdf文档已下载,但文本字段不可编辑。这是代码段

var opt = {
                          margin:       0,
                          filename:     name+'doc.pdf',
                          html2canvas:  { scale: 2 },
                          jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' },
                          pagesplit: true

                        };
                    html2pdf().set(opt).from(element).save();

在网上搜索时,我看到了一个相关的代码段,该代码段可以实现正在尝试执行的操作,但是它是用php编写的,并且不知道如何将其转换为javascript / angular并测试该代码段

$html2pdf = new HTML2PDF('P','A4', 'en', false, 'ISO-8859-15');
    $html2pdf->pdf->SetDisplayMode('fullpage');
    $html2pdf->writeHTML($content, isset($_GET['vuehtml']));
    $html2pdf->Output('pdf_demo.pdf'); 

这是我正在使用的图书馆

<script src="/static/pdf/html2pdf.bundle.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

请如何创建带有可编辑文本字段的pdf

1 个答案:

答案 0 :(得分:1)

您似乎正在使用this library(如果您提到它会很有帮助)。据我从文档中得知,该库将HTML转换为图像,然后将图像转换为PDF。因此,生成的PDF无法填充。

您可能需要在服务器端使用基于wkhtmltopdf的库,该库似乎支持生成可填充的PDF。或者,您可以使用jsPDF直接创建PDF(即跳过HTML)。