Выравнивание текста не отображается должным образом при создании PDF с использованием метода .fromHTML - PullRequest
Новая
       45

Выравнивание текста не отображается должным образом при создании PDF с использованием метода .fromHTML

0 голосов
/ 04 июня 2018

Я создал код JavaScript, чтобы получать данные из бэкэнда HTML и преобразовывать этот HTML в PDF.

Для создания PDF я использовал JSPDF.

Моя строка HTML выглядит следующим образомниже:

"<p><span style="font-family:calibri;font-size:17.3333px;">Dear [@Client Name],<br></span></p><p><span style="font-family:calibri;font-size:17.3333px;">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].<br></span></p><p><span style="font-family:calibri;font-size:17.3333px;">The end.</span></p><p><span style="font-family:calibri;font-size:17.3333px;">Appriciate your time.<br></span></p><p><span style="font-family:calibri;font-size:17.3333px;">[@Date]</span><br></p>"

PDF, сгенерированный с использованием JSPDF, выглядит следующим образом:

enter image description here

код для генерации 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');
}

Подскажите, пожалуйста, как можно управлять выравниванием для управления контентом.Кроме того, как я могу управлять шрифтом и как удалить символ þÿ?

1 Ответ

0 голосов
/ 04 июня 2018

Пожалуйста, отметьте http://jsfiddle.net/2rhsvgkk/

Вдохновленный Как правильно использовать библиотеку jsPDF

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>

вы используете некоторые ненужные *Теги 1011 * и <br>.

Надеюсь, это поможет вам

...