> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mailofly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Template Editor

> Visual WYSIWYG and HTML code editor for authoring responsive email templates.

# Template Editor

The Mailofly Template Editor combines visual WYSIWYG editing with code-level HTML control.

***

## Editor Modes

### 1. Visual Mode

Designed for intuitive layout creation:

* Click anywhere to edit text with inline formatting (Bold, Italic, Links).
* Insert structured blocks: **Headings**, **Paragraphs**, **Call to Action Buttons**, **Images**, and **Dividers**.
* Style canvas background color, typography, text alignment, and padding.

### 2. Code / HTML Mode

For developers who prefer writing raw HTML:

* Full syntax highlighting.
* Direct access to table-based HTML, inlined CSS styles, and conditional comments.
* Instant visual preview panel updates in real-time as you type.

***

## Bulletproof Email CSS

Mailofly automatically inlines CSS styles and applies client-specific resets to guarantee consistent rendering across difficult email clients like **Microsoft Outlook (desktop Windows)** and **Gmail (mobile web)**.


## Related topics

- [Introduction](/templates/introduction.md)
- [Version History](/templates/version-history.md)
- [Broadcast editor](/broadcasts/broadcast-editor.md)
- [Create Template](/templates/create-template.md)