grapesjs-preset-newsletter-v2/src/commands.js

GrapesJS preset configuration for the newsletter editor

import tglImagesCommand from "./toggleImagesCommand";
import importCommand from "./openImportCommand";
import exportCommand from "./openExportCommand";

export default (opt = {}) => {
  let editor = opt.editor;
  let cmdm = editor.Commands;
  cmdm.add(opt.cmdOpenImport, importCommand(opt));
  cmdm.add(opt.cmdTglImages, tglImagesCommand(opt));

  // Overwrite export template after the editor is loaded
  // (default commands are loaded after plugins)
  editor.on("load", () => {
    cmdm.add("export-template", exportCommand(opt));
  });

  cmdm.add("undo", {
    run(editor, sender) {
      sender.set("active", 0);
      editor.UndoManager.undo(1);
    },
  });
  cmdm.add("redo", {
    run(editor, sender) {
      sender.set("active", 0);
      editor.UndoManager.redo(1);
    },
  });
  cmdm.add("set-device-desktop", {
    run(editor) {
      editor.setDevice("Desktop");
    },
  });
  cmdm.add("set-device-tablet", {
    run(editor) {
      editor.setDevice("Tablet");
    },
  });
  cmdm.add("set-device-mobile", {
    run(editor) {
      editor.setDevice("Mobile portrait");
    },
  });
};