Issue #725Opened January 7, 2018by hesa20200 reactions
outdated

CSS Editor

Question

Hello, I would like to know what would be the best route to take to extend the Editor. There is a few features i would like to add for my project:

  1. Split view ( Edit / Preview )
  2. CSS Editor ( Create classes, animations, etc.. and then i can set my element to use that class )
  3. Html editor ( Im sure it could be done easily using the import/export function )
  4. Project Explorer ( Basicly select a file and it load it via ajax )

So would it be best to create multiple "plugins" for this, or to modify grapejs core ? Let me know if any of these features already exist or is already possible. And where should i start to be in the right path.

Thanks you, this is a very nice framework which i plan to use well :D

Answers (2)

artf• January 8, 20180 reactions

Hi @hesa2020 you should definitely create plugins to customize the editor and you can start from reading here. Another important resource for customization is API Reference, if you have problems try to check first in repo's issues. For the Split view try to check the Preview Command, CSS Editor / HTML Editor should not be too much different from this one (used inside the demo).

lock[bot]• September 18, 20190 reactions

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Related Questions and Answers

Continue research with similar issue discussions.

Issue #2097

New views question

Hello all, Is there is any simple way to add a new view right next to the style manager? I would like to create a new view that will show s...

1 answersUpdated June 24, 2020

Issue #574

Using Grapes with Zeronet.

Is there a way to use grapesjs with zeronet? https://zeronet.io/ You can create sites on zeronet but to add headers, banners and other thin...

3 answersUpdated September 18, 2019

Issue #1709

[QUESTION] Is it possible to affect child component's styling through parent component's style manager?

Hello there! Awesome project and thanks for your contribution. I would like to know if it is possible to change the styling of a child comp...

2 answersUpdated January 6, 2020

Issue #793

Edit the title and view code icon

Hello, I would like to know if I can only edit the icon and title of the code command. Also another doubt, is that I'm starting and I'm mak...

2 answersUpdated September 18, 2019

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.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders