GrapesJS Builder with MJML support for Mautic

Installation for Mautic 2.x

1. Apply PR mautic/mautic#8892

2. Copy to plugin/IntegrationsBundle https://github.com/mautic-inc/plugin-integrations + PR https://github.com/mautic-inc/plugin-integrations/pull/76

3. Copy to plugins/GrapesJsBuilderBundle actual version of GrapeJS bundle for Mautic 2 https://github.com/Webmecanik/plugin-grapesjs-builder/archive/master.zip

4. Clear cache

Installation for Mautic 3.x

1. Appy PR mautic/mautic#9050

2. Copy to plugins/GrapesJsBuilderBundle actual version of GrapeJS bundle for Mautic 3 https://github.com/Webmecanik/plugin-grapesjs-builder/archive/mautic3x.zip

3. Clear cache

Setup

1. Got to plugins

2. Click to button Install/Upgrade Plugins

3. Find GrapeJs in plugin list and activate it

4. Now go to emails and try create/edit email

5. You should able to use GrapeJs editor for HTML emails and pages

MJML support

GrapeJS plugin introduce also support for MJML language. Just create template as usual and add to template email.mjml.tpl file with properly MJML syntax.

You can use our Blank MJML template to start

blank_mjml.zip

Support

Use Github issues for reporting and discuss more about this plugin

Contribution

Create pull requests and we will review it soon as possible.

Know issues

• Dynamic Content is not supported for MJML version of builder
• Edit button text by Delete/Backspace is not working
• Code mode editor is not working anymore

Contributions are welcome.

Dependencies

This plugin use following GrapesJS plugin:

• Custom for Mautic : https://github.com/Webmecanik/grapesjs-preset-mautic
• Builder email MJML : https://github.com/artf/grapesjs-mjml
• Builder email HTML : https://github.com/artf/grapesjs-preset-newsletter
• Builder page HTML : https://github.com/artf/grapesjs-preset-webpage
• Parser CSS : https://github.com/artf/grapesjs-parser-postcss

If you need to update it, codes are in the plguin/GrapesJsBuilderBundle/Assets/js folder.