使用 .fromHTML 方法生成 PDF 时文本对齐方式不正确

Question

我创建了 JavaScript 代码以从 HTML 后端获取数据并将该 HTML 转换为 PDF。

生成PDF，我用的是JSPDF。

我的 HTML 字符串如下所示：

"Dear [@Client Name], This is a sample letter that I need filled out for [@Client Name 2], who lives in [@City],[@Province]. On this date, the [@Number Date], of [@Month],[@Year]. It occurred to me that [@Client Name] was talking to [@Client Name 3]. The end.Appriciate your time. [@Date] "

使用 JSPDF 生成的 PDF 如下所示：

生成HTML的代码是：

    function GeneratePDF(content) { 


        var doc = new jsPDF();  
        var specialElementHandlers = {
            '#editor': function (element, renderer) {
                return true;
            }
        };

        doc.fromHTML(content, 15, 15, {
            'width': 250,
                'elementHandlers': specialElementHandlers
        });
        doc.save('sample-file.pdf');
}

能否请您指导我如何管理对齐以管理内容。另外，如何管理字体以及如何删除 þÿ 字符？

Answer 1

请检查 http://jsfiddle.net/2rhsvgkk/

灵感来自 How to properly use jsPDF library

HTML

<div id="customers">
   <p>Dear [@Client Name],</p>
   <p>This is a sample letter that I need filled out for [@Client Name 2], who lives in [@City], [@Province].  On this date, the [@Number Date], of [@Month],[@Year]. It occurred to me that [@Client Name] was talking to [@Client Name 3].</p>
   <p>The end.</p>
   <p>Appriciate your time.</p>
   <p>[@Date]</p>
</div>
<button onclick="javascript:demoFromHTML();">PDF</button>

您正在使用一些不必要的  和   标签。

希望对您有所帮助

使用 .fromHTML 方法生成 PDF 时文本对齐方式不正确

Text alignment not appearing properly when generated PDF using .fromHTML method

javascript

html

jspdf

text-alignment