Email

Studio SDK lets you create various projects, including email templates for building newsletters using MJML.

React

import StudioEditor from '@grapesjs/studio-sdk/react';
import '@grapesjs/studio-sdk/style';

// ...
<StudioEditor
  options={{
    // ...
    project: {
    type: 'email',
    // The default project to use for new projects
    default: {
        pages: [
          { component: '<mjml><mj-body><mj-section><mj-column><mj-text>My email</mj-text></mj-column></mj-section></mj-body></mjml>' },
        ]
    },
    }
  }}
/>

JS

import createStudioEditor from '@grapesjs/studio-sdk';
import '@grapesjs/studio-sdk/style';

// ...
createStudioEditor({
  // ...
  project: {
  type: 'email',
  // The default project to use for new projects
  default: {
      pages: [
        { component: '<mjml><mj-body><mj-section><mj-column><mj-text>My email</mj-text></mj-column></mj-section></mj-body></mjml>' },
      ]
  },
  }
})

🍇 Demo