gradle npmInstall installs npm dependencies.Gradle handles the overall buildĪnd webpack handles the html/javascript side for Interactive mode. This is not complete yet and not compatible with Mandrill's syntaxĬssInliner uses Gradle and Webpack to build the application. Work in progress - Extended Handlebars if support.specify the tags Mandrill should associate with the template.specify the name that Mandrill should use for the template.While the code base is set up to support multiple email services, it only includes support for Mandrill at this time. content - which is the content that should be included in the table element cell.imageurl - which is the url that should be applied to the img elements src attribute.imageclass - which is the class that should be applied to the img element.This is what HTML Fragments are for.īelow is a simple fragment that can be imported into a document. Also, in order to support proper rendering, it's nice to be able encapsulate certain content like buttons that require unique syntax to support clients such as Outlook. Often times when constructing emails, you will use common markup segments either multiple times in the same document and/or across multiple documents. This document, when processed, will render a complete HTML document ready for publishing to pretty much any email service that supports templates. Email documentsĮmail templates are also normal html document formatted to reference the template and to identify the content that is to be inserted into the template. I considered supporting advanced css formats like sass or less but given that all styles need to be inlined I believe the more verbose css style is more appropriate here. The stylesheets require no special formatting. The stylesheet content will not be present in the final document. The second one will be read and have the resulting styles applied inline on the appropriate DOM elements. The first one will be read and be included as css classes defined directly in the head of the final document. Notice from this sample the inclusion of two style sheets. In the case of element conflicts, elements from the email document take precedence over the template. The section of the final document is created by merging the head section of the template with the head section of the email document. When generating the final document, this tag will be replaced by the content provided by a specific email document. In the template, mark areas where content will be inserted with. This document would include your stylesheets along with any markup required to render the basic email layout. Using a syntax similar to Java Server Faces, you construct a template as a normal HTML document. To process various templates into the final html email documents or interactively supporting live preview of the processed documents through a web browser.

Provide a rendered view of the final document that is automatically updated whenever it or any of it's dependencies are updatedĬssInliner provides the above functionality through a single jar.

Real time - I didn't want to create an editor, I want to be able to use whatever editor I want.

Merged Preview - provide a preview of the processed emails merged with sample data.

To be present in the final document for optimal rendering across different email renderers This should be selective and still allow css styles The process to change the css classes to inline styles.

CSS Inlining - make coding and maintenance easier by supporting css styling.

HTML Import - have the ability to import canned sections of html, preferably with parameters.

Templates that contain the boilerplate markup

Template Support - rather than duplicating the markup for email in every single email, support the use of.

Ongoing maintenance easier, I decided to create my own solution. Of creating the templates but also for maintaining them long term. While developing the templates, I was struck by the lack of available tooling to to simplify not only the process Support merging of variable content into the template.

They had an email service, Mandrill, that supported templates and had recently added support for Handlebars to I had worked with MailChimp previously and knew that I was working on a customer project that required the sending of emails. Options to passed to cheerio.Css Inliner Tool for Html Email Templates This can be used to embed email client support hacks that rely on css selectors into your email templates. codeBlocks can fix problems where otherwise inline-css might interpret code like tag, inline-css will not inline the styles and will not remove the tags. Var inlineCss = require ( 'inline-css' ) var html = 'div.

Css iliner tool for email