Run a first grapesjs example

Start with the smallest workflow described by the README for grapesjs. Complete installation and configuration first.

Usage

1<link rel="stylesheet" href="path/to/grapes.min.css" />
2<script src="path/to/grapes.min.js"></script>
3 
4<div id="gjs"></div>
5 
6<script type="text/javascript">
7  var editor = grapesjs.init({
8    container: '#gjs',
9    components: '<div class="txt-red">Hello world!</div>',
10    style: '.txt-red{color: red}',
11  });
12</script>

For a more practical example I'd suggest looking up the code inside this demo: http://grapesjs.com/demo.html

Verify your changes

The root manifest provides this check:

1npm run test

Read any errors before continuing. Build and type checks verify source consistency; exercise the README example to verify the behavior you need.

Next task

Read the usage guide for the documented components, configuration, and source layout.

Source and help

This catalog entry is a fork. The README may describe upstream packages, domains, or release procedures; those destinations do not establish a separate release of this fork.