Drag-and-Drop-E-Mail-Builder für echte Produktteams

import grapesjs from 'grapesjs';
import grapesjsNewsletterPlugin from 'grapesjs-preset-newsletter';
import { loadFunnelTranslations } from '@/lib/i18n-page';
import type { GetStaticProps } from 'next';
import { useTranslation } from 'next-i18next';

const editor = grapesjs.init({
  container: '#editor',
  plugins: [grapesjsNewsletterPlugin],
  pluginsOpts: {
    [grapesjsNewsletterPlugin]: {
      // Newsletter plugin options
      modalLabelImport: 'Paste all your code here below and click import',
      modalLabelExport: 'Copy the code and use it wherever you want',
    },
  },
  storageManager: false,
});

// Get HTML output
const html = editor.getHtml();
const css = editor.getCss();

// Get MJML output (with MJML plugin)
const mjml = editor.runCommand('mjml-export');