mjml_email_template_compile_to_responsive_html_typescript.ts

1import mjml2html from 'mjml';
2
3/*
4  Compile MJML to HTML
5*/
6const mjmlCode: string = `
7  <mjml>
8    <mj-body>
9      <mj-section>
10        <mj-column>
11          <mj-image width="100px" src="/assets/img/logo-small.png"></mj-image>
12          <mj-divider border-color="#F45E43"></mj-divider>
13          <mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World</mj-text>
14        </mj-column>
15      </mj-section>
16    </mj-body>
17  </mjml>
18`;
19
20const options = {
21  beautify: true,
22  minify: false
23};
24
25const { html, errors } = mjml2html(mjmlCode, options);
26
27if (errors.length > 0) {
28  console.error('MJML Compilation Errors:', errors);
29} else {
30  console.log(html);
31}