README

To run this plugin it must be installed into a strapi application.

Usage

Please refer to https://codeparticle.atlassian.net/wiki/spaces/CP/pages/2528313373/Plugin+GrapeJS.

Dev

You need to create a new strapi project or just use an existing example one:

pnpm run dev

Publishing

Publishing should already be setup. Just follow these steps to publish the project:

• After code merged to main/master
• Checkout the main/master branch
• Run pnpm version [patch|minor|major]
• Push to remote with git push --tags to trigger the tag pipeline

Modifying GrapeJS editor when it is initialized

Create config.js file in admin/src/config.js, then add the default code exported from that file in strapi-admin and set the window.onGrapeInit function, which takes as an argument the editor, which is the grapeJS editor object.

Example:

// File where we can initialize front end code for GrapeJS plugin

// Refer to https://grapesjs.com/docs for editor docs
window.onGrapeInit = (editor) => {
  const { BlockManager } = editor;

  // 'my-first-block' is the ID of the block
  BlockManager.add('my-first-block', {
    label: 'Simple block',
    content: '<div class="my-block">This is a simple block</div>',
  });
};

// Default code of the config.js file in strapi-admin
export const LOGIN_LOGO = null;
export const SHOW_TUTORIALS = true;
export const SETTINGS_BASE_URL = '/settings';