Ngx-grapesjs NPM

Ngx-grapesjs is an Angular library that wraps basic functionality of the GrapesJS editor. It currently supports two modes for editing content: webpage and newsletter. The newsletter mode is preferable when you want to work with email content such as templates.

Install

Install the core GrapesJS library
```
  npm install grapesjs
```
Install one of the following GrapesJS plugins according to the editor mode that you want to use.
For webpage mode:
```
  npm install grapesjs-preset-webpage grapesjs-blocks-basic
```
For newsletter mode:
```
  npm install grapesjs-preset-newsletter
```
Install ngx-grapesjs
```
  ng add ngx-grapesjs
```

The previous command will ask you which editor mode you want to use and it will make all the necessary modifications in the Angular workspace so that you can get started.

Usage

Import NgxWebpageEditorComponent or NgxNewsletterEditorComponent from the ngx-grapesjs library, according to the editor mode that you want to use and add it to the imports array of your Angular component or module.
Create an Angular component and add one of the following HTML snippets according to the editor mode that you want to use:
For webpage mode:
```
  <ngx-grapes-webpage-editor></ngx-grapes-webpage-editor>
```
For newsletter mode:
```
  <ngx-grapes-newsletter-editor></ngx-grapes-newsletter-editor>
```

Both editors support passing the following input properties:

template: the HTML content of the editor in string format
storagePrefix: the prefix that GrapesJS will use for persisting data to the local storage. By default it uses the gjs- prefix.
plugins: additional GrapesJS plugins to use. It requires that the respective npm package of the plugins must have been installed previously.