代码之家 › 专栏 › 技术社区 › Mohemmad K

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

text-alignment jspdf html javascript

Mohemmad K · 技术社区 · 7 年前

我已经创建了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');
}

你能指导我如何管理对齐来管理内容吗?另外,如何管理字体以及如何删除 Ã¾Ã¿ 性格?

1 回复 | 直到 7 年前

Manjunath Siddappa 7 年前

请检查一下 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>

你在用一些不必要的  和   标签。

希望这对你有帮助

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

3 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

3 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

3 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

3 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前