Issue #1027Opened April 10, 2018by kosirm5 reactions

Newbie Questions and Ideas

Question

First of all sorry because I'm using Issues as a help forum.

I REALLY need some tutorials, examples, etc. If you need help, I'm willing to spend some time on this. For example GitBook or something similar. Wiki is great, but not really what I'm looking for. I believe that there is a ton of examples already on GitHub, but scattered around issues etc. This is a short list of examples/questions I'm interested in:

  • How to save sections/blocks /components (for example to GitHub)?
  • How to load remote sections/blocks (for example from GitHub)?
  • What is the exact relationship between components, blocks, and sections?
  • Learning resources for newcomers. What frameworks should I learn to understand and extend grapesjs?
  • Explain project directory structure? What is where?
  • How to load custom CSS at runtime? From GitHub?
  • How to save HTML/CSS separately?

My suggestion is to make an open list of examples, which are needed for the community to grow. I don't think this is such a hard task but would greatly help developers who come from other platforms.

Answers (3)

chapterjasonApril 11, 20184 reactions

How to save sections/blocks /components (for example to GitHub)?

https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grapesjs/wiki/API-Storage-Manager

How to load remote sections/blocks (for example from GitHub)?

https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grapesjs/wiki/API-Storage-Manager

What is the exact relationship between components, blocks, and sections?

https://github.com/artf/grapesjs/wiki/Blocks https://github.com/artf/grapesjs/wiki/Components

What are sections?

Learning resources for newcomers. What frameworks should I learn to understand and extend grapesjs?

All used dependencies are listed here https://github.com/artf/grapesjs/blob/dev/package.json they all should have their own docs. Mainly I would say Backbone and JavaScript itself.

Explain project directory structure? What is where?

After some days working with this project I figured out that every directory is a module with the views and models. More about views and models you can get at Backbone

How to load custom CSS at runtime? From GitHub?

https://github.com/artf/grapesjs/wiki/API-Editor#setstyle Loading css file directly I'm currently unsure.

How to save HTML/CSS separately?

https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grapesjs/wiki/API-Storage-Manager

They are saved separately, please read the docs (wiki).

https://github.com/artf/grapesjs/wiki

kosirmApril 13, 20181 reactions

@chapterjason thank you so much for your time! So exhaustive answer I really did not expect 😃 Thanks again! 🥇

adelliinaaJuly 8, 20190 reactions

Is there any tutorial on how to integrate customised components into the GrapeJS framework?

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.