FEAT: Post the full complete demo code

Question

Is it possible to post the full demo code from the getting started?

There are many small snippets that depend on each other. It would be good to have these in a repo as separate branches so developers can see the expected final result. In many cases there were some simple things skipped or location of the snippet in the wrong place... IE css order.

This is a powerful editor but a very steep learning curve to customize to meet requirements.

Thanks, AJ

anlumo · Accepted Answer

Yes, the problem is that the demo defines its own plugin that then imports all other plugins. This makes trying to find out how to do stuff really hard, because you have to follow a lot of redirects across different repositories. It's also not how you would write your own application based on grapesjs. The link to the master demo plugin is also not as easy to find as the demo page, it's here.

artf · Answer

The final code of the getting started tutorial is actually here (and its grapesjs config).Yes, the problem is that the demo defines its own plugin that then imports all other plugins @anlumo Yeah actually current presets plugins were structured in that way, probably right now I'd rethink them with a more modular approach where the preset itself is mainly the UI of the editor and the rest could be extended with additional plugins (components, blocks, etc.). Unfortunately, right now I'm not able...

erpardeepjain · Answer

@artf but How to run that file or config file as main file is in vue and base project is in React, can you point out how to make it run as shown in demo?

Post the full complete demo code

Question

Answers (4)

Related Questions and Answers

Error importing codemirror library in SCSS

Blocks are not draggable to canvas

We are trying to store the data from grapesJS editor in Angular 10 application, getting CORS error, image attached below

My Options ( in traits ) for select component gets resetted every time after each reload of page

Paid Plugins That Match This Issue

Related tutorials

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS

Find the Right GrapesJS Plugin in Seconds: Smarter Discovery Is Live

Browse Plugin Categories