Issue #1027✓ SolvedOpened April 10, 2018by kosirm5 reactions

Newbie Questions and Ideas

快速解答by chapterjason4

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-ManagerHow to load remote sections/blocks (for example from GitHub)? https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grape...

Read full answer below ↓

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)

👍 Most helpfulchapterjasonApril 11, 2018

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, 2018

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

adelliinaaJuly 8, 2019

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...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.