docs

HTML mode

Write raw HTML for full control over your email's markup.

For advanced users who need precise control over their email's HTML, Sendra includes a raw HTML editing mode with syntax highlighting.

Switching to HTML mode

In the editor toolbar, click the HTML mode toggle. The visual editor is replaced with a code editor powered by CodeMirror.

When to use HTML mode

  • Pasting HTML exported from another tool (Figma, MJML playground, etc.)
  • Building complex layouts that the visual editor doesn't support
  • Debugging rendering issues by inspecting the raw markup

Writing email HTML

Email HTML is different from web HTML. Key constraints:

  • Use tables for layoutflexbox and grid aren't supported in most email clients
  • Inline styles with the style attribute — <style> blocks are stripped by some clients
  • No JavaScript — email clients block all scripts
  • Limited CSS — position, float, overflow, and many modern CSS properties don't work

If you're new to email HTML, we recommend using the visual editor. It generates optimized, cross-client-compatible HTML through MJML. HTML mode is an escape hatch, not the primary workflow.

Switching back

You can switch between visual and HTML modes. When switching from HTML back to visual, Sendra parses your HTML back into editor blocks. Complex or non-standard HTML may not convert perfectly.

On this page