Formatting

The Formatting transformer applies your choice of formatting to the Source code.

The Formatting transformer applies your choice of formatting to the Source code. Once a Formatter is enabled, you'll have access to a further set of customizing preferences. You can enable/disable any of these as fits your needs. The state of those toggles will be remembered and maintained if you deactivate and later reactivate that formatting transformer.

Prettify

Prettify makes your code easy to read with nice formatting. To apply Prettify formatting to your editor instead of just the Source code, see Editor Format.

Silent video of the full Parcel window. A sample email is displayed in the editor and the Preview. The HTML code in the editor is entirely left justified. The user navigates to and opens the Source window in the bottom right, which reveals the same HTML code as seen in the editor. At the top of the editor are five tabs, labeled: "HTML", "Text", "AMP", "Message Details", and "Transformers". The user clicks on the Transformers tab, which replaces the code editor with the transformers pane. The Transformers pane has four sections: "Framework", "CSS Inlining", "Formatting", "URL Parameters", and "CSS Cleanup". The user clicks on the "Formatting"" section, revealing several formatting options. The user switches the "Format Code" option from "None" to "Prettify". Several additional options appear for further potential customizations. The HTML code in the Source window becomes properly indented.
Screen recording demonstrating the Prettify formatting transformer

Minify

Minify makes your code smaller when you send it. You can see the size of your email before and after minifying in the bottom left corner of the editor window.

Silent video of the full Parcel window. A sample email is displayed in the editor and the Preview. The user navigates to and opens the Source window in the bottom right, which reveals the same HTML code as seen in the editor. At the bottom of the editor is a small display that lists the email file size as 30 kilobytes. At the top of the editor are five tabs, labeled: "HTML", "Text", "AMP", "Message Details", and "Transformers". The user clicks on the Transformers tab, which replaces the code editor with the transformers pane. The Transformers pane has four sections: "Framework", "CSS Inlining", "Formatting", "URL Parameters", and "CSS Cleanup". The user clicks on the "Formatting"" section, revealing several formatting options. The user switches the "Format Code" option from "None" to "Minify". Several additional options appear for further potential customizations. The HTML code in the Source window becomes unindented. The email file size display at the bottom of the editor now lists the file size as "20 kilobytes (-20%)".
Screen recording demonstrating the Minify formatting transformer

Encode HTML entities

Special characters (like ©), reserved characters (which would otherwise be interpreted as HTML code), and invisible characters (like non-breaking spaces) can cause hard to track down bugs in email. Instead, we recommend using HTML entities. An HTML entity is a piece of text that begins with an ampersand (&) and ends with a semicolon (;).

The Encode HTML entities transformer will auto encode entities for you. For example, © will become ©

Prevent Widow Words

This transformer prevents the last word of paragraphs from being on a line by themselves.