Run npm run v:patch to bump the version in package.add custom fonts options on editor's font listĬonst styleManager = editor.StyleManager Ĭonst fontProperty = styleManager.getProperty('typography', 'font-family') The font imports are included on HTML when fonts are used on the template localeFallback: 'en', // default fallbackįonts usage: import 'grapesjs/dist/css/' detectLocale: true, // by default, the editor will detect the language
Import mjmlNL from 'grapesjs-mjml/locale/nl' Or using ESM imports: import 'grapesjs/dist/css/' This should allow importing void MJML elements (without closing tags) like Ĭolumn padding (this way it's easier to select columns) Reset the Style Manager and add new properties for MJMLĮxperimental: use XML parser instead of HTML. I18n object containing language more infoĬlean all previous devices and set a new one for mobile Placeholder MJML template for the import modal Depending on your circumstances, you might want to consider some of these alternatives: If the emails are typically written by non-developers, it probably makes sense to wire up a CMS instead of using Markdown/MDX.
Mj-mjml mj-head mj-body mj-wrapper mj-group mj-section mj-column mj-text mj-image mj-button mj-social mj-social-element mj-divider mj-spacer mj-style mj-font mj-hero mj-navbar mj-navbar-link mj-raw Options OptionĪdd custom block options, based on block id.Ĭustom fonts on exported HTML header more info The MJML language provides a set of common tags you can use to structure your email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML components are rendered in real-time using the official v4 compiler (+ some mocks to make it run in the browser), therefore the result is, almost, the same as using the MJML Live Editor. MJML is a markup language designed to reduce the pain of coding a responsive email.
This plugin enables the usage of MJML components inside the GrapesJS environment.
0 kommentar(er)
