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

Question

I have created JavaScript code to get data from HTML back-end and convert that HTML into the PDF.

To generate PDF, I have used JSPDF.

My HTML string looks like below:

"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] "

The PDF which is generated using JSPDF looks like below:

The code to generate HTML is:

    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');
}

Can you please guide me how the alignment can be managed to manage the content. Also, how can I manage the font and how to remove þÿ character?

score 0 · Accepted Answer · answered Jun 04 '18 at 06:33

Please check http://jsfiddle.net/2rhsvgkk/

Inspired by 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>

you are using some unnecessary  and   tags.

Hope this help you

Thanks for the supporting. It is working fine for me. I had assumption that whatever HTML is there which provided to fromHTML function will be converted automatically. That's why I was keeping everything as it is. The code you provided is working fine. :-) — Mohemmad K, Jun 04 '18 at 07:13

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

1 Answers1