Use and adapt grapesjs

Use the documented interfaces and source layout for grapesjs. The sections below retain the README’s examples and configuration details.

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

Development

Follow the Contributing Guide.

Commands in the root manifest

The captured package.json declares the following scripts. Run them from the directory containing that manifest.

Command	Script
`npm run start`	`pnpm --filter grapesjs start`
`npm run test`	`pnpm -r run test`
`npm run lint`	`eslint .`
`npm run build`	`pnpm -r run build`

Troubleshoot a local change

Reproduce the smallest example from the quick-start guide.
Compare required configuration and dependency versions with the README.
Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.

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.