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