Newsletter templates building system base on MJML https://mjml.io
Documentation: https://mjml.io/documentation/
Line example: https://mjml.io/try-it-live
- Install all packages
$ npm install - Start template watch
$ npm dev - Check that
/dist/en/directory exist - Build minified versions
$ npm build
- {name}:watch:dev will build html to
./targetdirectory and will watch for all files changes. Files will be rebuilt automatically on changes save. - {name}:build:dev will build html to
./targetdirectory *.html files - {name}:build:prod-dir build html to the special directory of the project, extension and layout
(For example:docs:build:prod-dirscript, build output to../documents-generator-api/src/main/resources/templates/)
- Name of all head common components might starts from
_and have extention.mjml(example:_footer.mjml) - Common components might be located in
./mjml/common/components/0. Local components might be located in local directory (example:./mjml/keycloak/components/) - To make strong always use
<strong>tag - Links might have
<font color='red'>to change link color - All
<mj-section>can be on one level with other<mj-section> - Just
<mj-column>can has width property - If
<mj-column>has width and paddings - paddings will be included in width - Popular tags (
<h1>,<p>,<a>) can inherit styles from mail agents. Recommendation: D 523C on't use tags in mail layout. Otherwise use<mj-text mj-class="h1">with attributemj-classand styles in<mj-style>.