Add Tab and a new line inside .html in jspdf

Question

Hello I want to add tab and a new line in my pdf file Is there any way to add tab and newline in this code when displaying in pdf file? Please help. Thank You. Really Appreciate it. Below is my code.

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>

Here is the image. I want to add new line and tab spaces in it. [enter image description here ]1

can you tell me how can i add that to my code? thank you so much. — CLOUDS, Jul 15 '18 at 15:54
Wait you're rendering it to a PDF? Are you just trying to print the webpage? — Sam Holmes, Jul 15 '18 at 16:08

Steve Mulvihill · Answer 1 · 2018-07-15T15:58:46.873

0

You can use HTML entities. Use & nbsp; for a space and em-space (& emsp;) for tab.

It would be much cleaner to use padding or margin if possible.

Example:

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

edited Jul 15 '18 at 15:58

answered Jul 15 '18 at 15:57

Steve Mulvihill

688
6
13

Add Tab and a new line inside .html in jspdf

1 Answers1