Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MJML EditorNew to Visual Studio Code? Get it now.
MJML Editor

MJML Editor

cytostatic-vscode

|
2,685 installs
| (3) | Free
A Drag&Drop editor for MJML Email templates in VSCode.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MJML Editor

MJML Drag&Drop Editor for Visual Studio Code. This extension uses easy-email. Big thanks to its author.

Features

  • Drag&Drop editor for MJML files
  • Desktop and mobile preview panel.

It looks like this

It looks like this

Usage

Start command palette (with Ctrl+Shift+P or F1) and start typing MJML Editor.

Available commands

The following command is available:

  • MJML Editor: Open MJML Editor
  • MJML Editor: Save MJML Editor

Settings

Name Default Description
mjml-editor.beautify Beautify options (available options).

Release Notes

[1.1.0]

  • GH-1 fix: handle syntax errors in mjml file
  • add mjml language support
  • add possiblity to display local image files in ImageBlock
  • add logging
  • refactor message handling

[1.0.0]

  • Initial release

Issues

Submit the issues if you find any bug or have any suggestion.

Contribution

Fork the repo and submit pull requests.

Contributors

Main Author: Raphael Stärk (@cytostatic)

License

This extension is licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft