Transform Content

You can use posthtml-content to transform your HTML emails. Use it to do anything you want to content inside elements that you mark with custom attributes.

First, add a transform object to your Maizzle config:

//config.js
module.exports = {
  transform: {}
}

Each entry in this object is made up of a key: value pair.

  • key represents a custom HTML attribute name
  • value is a function that accepts a parameter, and must return a string. parameter is the contents of the tag on which the key attribute was used.

Example:

module.exports = {
  transform: {
    uppercase: str => str.toUpperCase()
  }
}

Template:

<p uppercase>Here is some foo.</p>

Result:

<p>HERE IS SOME FOO BAR.</p>

Of course, this is just a dumb example - you could imagine more complex scenarios where you pull in packages and do stuff like:

  • compile CSS in some <style> tag with Sass or others
  • normalize html whitespace in parts of your code
  • create various content filters
  • ...