Plugins de retorno de promesas

Yo tenía un requisito similar. Si sirve de ayuda, mi solución al final fue crear un plugin que luego cargue mis otros plugins;

La configuración del editor solo referenciaría ese plugin y las opciones de plugin para ese plugin contendrían los plugins y las opciones para que los demás se carguen.

El código del plugin; '''js exporta por defecto grapesjs.plugins.add("async-plugins", async (editor, opts) => { /** * opts = { * plugins: [ ... ] * pluginsOpts: { ... }, * render: true | false, // Si no se configura, esto será predeterminado como verdadero. * onFinished: async (editor) => { * // Cuando el plugin asincrónico ha terminado. * }, * }; * * Si usas el 'render' aquí, asegúrate de poner 'autorender' en false en la configuración del editor. */ Carga los plugins especificados. para (sea i = 0, len = opts.plugins.length; i < len; i++) { const pluginId = opts.plugins[i]; if (!opts.pluginsOpts) { opts.pluginsOpts = {}; } Intenta conseguir el plugin si ya está registrado. let plugin = grapesjs.plugins.get(pluginId); if (!plugin) { const wplg = window[pluginId]; plugin = wplg & & wplg.default ? wplg.default : wplg; } Intenta ejecutar el plugin usando 'await'. If (plugin) { await plugin(editor, opts.pluginsOpts[pluginId] || {}); } else if (pluginId instancia de Function) { await pluginId(editor, {}); } else { console.warn('No se ha podido cargar el plugin ${pluginId}.'); } } Renderiza el editor si este plugin ha sido configurado para ello. si (opts.render === indefinido || opts.render === true) { editor.render(); } Si hay una llamada 'onFinished', dale. if (opts.onFinished) { await opts.onFinished (editor); } });

El código de init del editor;
'''js
grapesjs.init({
  ...
  autorender: false,
  Plugins: [ 'Async-plugins' ],
  pluginsOpts: {
    'async-plugins': {
      Plugins: [ ... ],
      pluginsOpts: { ... },
      Render: Cierto,
      onFinished: async (editor) => {
        console.log("TERMINADO");
      },
    },
  },
  ...
});