jquery 邮件模板

<script id="email-template" type="text/x-handlebars-template">
  <div>
    <h1>Hello {{name}}!</h1>
    <p>Thank you for your order. Here are the details:</p>
    <ul>
      {{#each items}}
        <li>{{this.name}} - ${{this.price}}</li>
      {{/each}}
    </ul>
    <p>Total: ${{total}}</p>
  </div>
</script>

$(document).ready(function() {
  var source = $("#email-template").html();
  var template = Handlebars.compile(source);

  var data = {
    name: "John Doe",
    items: [
      { name: "Item 1", price: 10 },
      { name: "Item 2", price: 20 }
    ],
    total: 30
  };

  var html = template(data);
  $("#email-content").html(html);
});

<style>
  /* Add your styles here */
</style>