PDFMake.js Library Example to Add Internal & External Links to External URL in PDF Document in JS

SOURCE CODE

First of all we need to make an index.html file and copy paste the following code which is shown below

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PDFMake</title>
</head>

<body>

</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.70/pdfmake.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.70/vfs_fonts.js"></script>
<script>
  // playground requires you to assign document definition to a variable called dd

  var docDefinition = {
  content: [
  { text: 'google', link: 'http://google.com' },
{ text: 'Go to page 2', linkToPage: 2 },
{ text: 'Go to Header', linkToDestination: 'header' },
{ text: 'Header content', id: 'header' },

  ]
}
  pdfMake.createPdf(docDefinition).download();
</script>

</html>

<!DOCTYPE html>

<head>

<title>PDFMake</title>

</head>

<body>

</body>

// playground requires you to assign document definition to a variable called dd

var docDefinition = {

content: [

{ text: 'google', link: 'http://google.com' },

{ text: 'Go to page 2', linkToPage: 2 },

{ text: 'Go to Header', linkToDestination: 'header' },

{ text: 'Header content', id: 'header' },

]

}

pdfMake.createPdf(docDefinition).download();

</script>

</html>

As you can see we are defining the defination of the pdf document and inside it we are inserting the links and the text inside the pdf document. And then we are downloading the pdf document using the pdfmake.js cdn library.