Formatting
Design Studio New UpdatedIn the code editor, use the Formatting transformer to apply your choice of formatting to the source code.
This article applies to Design Studio
We are currently piloting Design Studio, our new email design system, and making some information available to customers. If you don’t have access to Design Studio, please continue to use our other email editors.
Click Transformers > Formatting to get started.
Format your source code
Click Prettify to make your code easy to read.
Clicking this unlocks further preferences you can enable:
- Indent with spaces or tabs
- Wrap HTML attributes
We remember the state of those toggles if you deactivate and later reactivate them.
To format the code in your editor, click Format Document at the top of the editor.
Reduce the size of your email
Click Minify to reduce the size of your source code when it sends. You can see the size of your email before and after at the bottom of the editor.
Clicking this unlocks further preferences you can enable. We remember the state of those toggles if you deactivate and later reactivate them.
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 bugs that are hard to track down in emails.
To reduce these issues, turn on Encode HTML entities. We’ll automatically convert your charactres to HTML entities, which start with an ampersand (&) and end with a semicolon (;). For example, © becomes ©.
Prevent widow words
This transformer prevents the last words of paragraphs from being on their own lines, which can make your email look cleaner.
