时间戳

首页 > 解决方案 > 在 jspdf 中的 .html 内添加 Tab 和新行

javascript - 在 jspdf 中的 .html 内添加 Tab 和新行

问题描述

您好，我想在我的 pdf 文件中添加制表符和换行符在 pdf 文件中显示时，有没有办法在此代码中添加制表符和换行符？请帮忙。谢谢你。真的很欣赏它。下面是我的代码。

JAVASCRIPT

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>PDF</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
</head>
<body>
<!-- Content Area -->

<div id="print">
    <p></p> 
    <p id="veewom"></p>

</div>

<div id="p-btn"></div>
<button id="download">Print</button>
<!-- Script -->

<script>
var doc = new jsPDF();

var specialElementHandlers = {
    '#p-btn': function (element, renderer) {
        return true;
    }
};
$('#download').click(function () {
  var fieldId = "field100";
  var chars = $('#try1').val();
  var chars1 = $('#try2').val();
  var chars2 = $('#try3').val();

  $('#veewom').html(
                 '<b>' + "One" + ':</b>' + chars + '<br>' +
  '<b>' + "Two" + ':</b>' + chars1 + '<br>' +
  '<b>' + "Three" + ':</b>' + chars2 
    );

  var d3 = $('[name=' + fieldId + ']:enabled').val();

  diff1 = "";
  if (d3) {
    diff = d3;
  }

  var source = $('#print').html();
  doc.fromHTML(source, 15, 15, {
    'width': 170,
    'elementHandlers': specialElementHandlers
  });
  doc.save('pdf-version.pdf');
});
</script>
</body>
</html>

这是图像。我想在其中添加新行和制表符空格。 [在此处输入图像描述] 1

标签： javascriptjqueryjspdf

解决方案

您可以使用 HTML 实体。使用 用于制表符的空格和 em-space (& emsp;)。

如果可能的话，使用填充或边距会更干净。

例子：

padding-left: 5px;
margin-left: 5px;

推荐阅读