Constructor de páginas de código abierto

npm install grapesjs

import grapesjs from 'grapesjs';
import 'grapesjs/dist/css/grapes.min.css';

const editor = grapesjs.init({
  container: '#gjs',
  fromElement: true,
  height: '100vh',
  storageManager: false,
});

import myPlugin from 'grapesjs-my-plugin';

const editor = grapesjs.init({
  container: '#gjs',
  plugins: [myPlugin],
  pluginsOpts: { [myPlugin]: { option: true } },
});

editor.Commands.add('publish-page', {
  run: async (editorInstance) => {
    const html = editorInstance.getHtml();
    const css = editorInstance.getCss();
    await fetch('/api/pages/publish', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ html, css }),
    });
  },
});