2025-06-11 22:23:49 +08:00

1.5 KiB

MJML

MJML is a markup language designed to reduce the pain of coding a responsive email.

Language Info

Name

mjml

Extension

.mjml

Editor

markup

Compiler

The browser build of the official MJML compiler.

Version

mjml-browser: v4.15.3

Custom Settings

Custom settings added to the property mjml are passed as a JSON object to the mjml compiler. Please check the documentation for full reference.

Example:

{
  "mjml": {
    "keepComments": false,
    "minify": true
  }
}

Example Usage

import LiveCodes from '../../src/components/LiveCodes.tsx';

export const params = { mjml: '\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tHello World!\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n\n', };

This playground loads a template from the official MJML email templates:

<LiveCodes import="https://github.com/mjmlio/email-templates/blob/master/templates/onepage.mjml" height="400"