Skip to main content
All CollectionsPDF Code Examples
Code Example: Handlebar.js Templates
Code Example: Handlebar.js Templates
Jonathon Fruchte avatar
Written by Jonathon Fruchte
Updated over 7 years ago

Here's how to make a PDF with Handlebar.js HTML templates:

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src='https://dl.dropboxusercontent.com/u/243251/handlebars-v4.0.5.js'></script>
    <script id="entry-template" type="text/x-handlebars-template">
      <div class="entry">
        <h1>{{title}}</h1>
        <div class="body">
          {{body}}
        </div>
      </div>
    </script>
  </head>
  <body>
  </body>
    <script>
      var source   = $("#entry-template").html();
      var template = Handlebars.compile(source);
      var context = {title: "My New Post", body: "This is my first post!"}
      var html    = template(context);
      document.body.innerHTML = html;
    </script>
 
</html>

Did this answer your question?