Issue #357Opened September 30, 2017by manjunaras2 reactions

Customize editor by removing all pallets on right and top

Question

First up all thanks @artf for your wonderful stuff on GrapesJS,

We need to customize complete editor instead of integrating into our app and most important it should be developer friendly in following ways ,

  1. Reuse editor region for content creation or edition.
  2. Remove complete CSS and redesign as per our branding themes
  3. Overriding evenlisteners( e.g., preview, undo/redo,etc.,) from our application (Reinvent in angularjs frontend)

@artf You openion whether it can be possible for above list of points mentioned?

Answers (3)

arthuralmeidapOctober 3, 20171 reactions

Hi @manjunaras , For css, GrapesJS provides some Sass variables that you can override and change some colors. Here you can check the available sass variables: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/_gjs_variables.scss

Starting from this API-Editor you can start to save some templates ( from Submit button)

Using the same API you can implement a way to load the template from the templates palletes. Preview mode, should be a little bit harder to achieve but is pretty possible too.

Are you having perfomance issues with GrapesJS ? Why do you want to remove some modules and others not? If you don't use, you can leave them there without problems but if you really need a new grapesjs without some folders, you can clone the code from github and remove what you want.

Hope I could help

artfOctober 3, 20171 reactions

Thanks @arthuralmeidap for a good overview. @manjunaras I'd just add that buttons inside default panels (that you can actually hide) are executing built-in commands, so, for example, if you want to open the modal with HTML code just use runCommand:

editor.runCommand('export-template')
arthuralmeidapOctober 1, 20170 reactions

Hi @manjunaras , I'm not @artf but , as far I have been reading about GrapesJS, with it's API , everything you mentioned is possible. Take a look here: https://github.com/artf/grapesjs/wiki

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.