Function loadEditor

packages/grapesjs-react/src/EditorInstance.tsx:98–162

(grapes: typeof gjs)

    let loadedPlugins: GrapesPlugins[] = [];

    const loadEditor = (grapes: typeof gjs) => {
      const config: EditorConfig = {
        height: '100%',
        ...options,
        plugins: [...loadedPlugins, ...(options.plugins || [])],
        pluginsOpts: {
          ...options.pluginsOpts,
          ...pluginOptions
        },
        modal: {
          custom: !!editorOptions.customModal,
          ...options.modal
        },
        assetManager: {
          custom: !!editorOptions.customAssets,
          ...options.assetManager
        },
        styleManager: {
          custom: !!editorOptions.customStyles,
          ...options.styleManager
        },
        blockManager: {
          custom: !!editorOptions.customBlocks,
          ...options.blockManager
        },
        richTextEditor: {
          custom: !!editorOptions.customRte,
          ...options.richTextEditor
        },
        layerManager: {
          custom: !!editorOptions.customLayers,
          ...options.layerManager
        },
        traitManager: {
          custom: !!editorOptions.customTraits,
          ...options.traitManager
        },
        selectorManager: {
          custom: !!editorOptions.customSelectors,
          ...options.selectorManager
        },
        container: canvasContainer || defaultContainer,
        customUI: !!canvasContainer,
        // Disables all default panels if Canvas is used
        ...(canvasContainer
          ? {
              panels: { defaults: [] }
            }
          : {})
      };
      editor = grapes.init(config);
      setEditor(editor);
      onEditor(editor);

      if (onUpdate) {
        editor.on('update', () => {
          onUpdate(editor!.getProjectData(), editor!);
        });