feat: use the default html parser

Author: iklimis

package-lock.json

@@ -19,11 +19,11 @@
     "@angular/platform-browser": "~13.0.0",
     "@angular/platform-browser-dynamic": "~13.0.0",
     "@angular/router": "~13.0.0",
+    "grapesjs": "^0.17.29",
+    "grapesjs-preset-newsletter": "^0.2.21",
     "rxjs": "~7.4.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.11.4",
-    "grapesjs": "^0.17.29",
-    "grapesjs-preset-newsletter": "^0.2.21"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~13.0.4",

package.json

@@ -52,7 +52,7 @@ export interface Config {
   components: string;
   pluginsOpts: Record<string, any>;
   parser: {
-    parserHtml: {};
+    parserHtml: {}
   };
 }
 

projects/ngx-grapesjs/src/lib/grapesjs.model.ts

@@ -1,6 +1,6 @@
 import { Component, Input, OnInit } from '@angular/core';
-import { CommandSender, Config, GrapesJsEditor, TextAction, TextEditor } from './grapesjs.model';
 
+import { CommandSender, Config, GrapesJsEditor, TextAction, TextEditor } from './grapesjs.model';
 import { NgxGrapesjsService } from './ngx-grapesjs.service';
 import { Placeholder } from './placeholder.model';
 
@@ -39,7 +39,7 @@ export class NgxGrapesjsComponent implements OnInit {
 
   ngOnInit(): void {
     // setup the default parser. It can be overriden by providing a custom implementation of the NgxGrapesjsService
-    this.config.parser.parserHtml = this.ngxGrapesJsService.parserHtml;
+    this.config.parser.parserHtml = this.ngxGrapesJsService?.parserHtml;
 
     // initialize the editor
     this.editor = grapesjs.init(this.config);
@@ -95,11 +95,11 @@ export class NgxGrapesjsComponent implements OnInit {
   private undo = (editor: GrapesJsEditor, sender: CommandSender) => {
     sender.set('active', 0);
     editor.UndoManager?.undo(1);
-  }
+  };
 
   private redo = (editor: GrapesJsEditor, sender: CommandSender) => {
     sender.set('active', 0);
     editor.UndoManager?.redo(1);
-  }
+  };
 
 }

projects/ngx-grapesjs/src/lib/ngx-grapesjs.component.ts

@@ -5,9 +5,6 @@ import { Injectable } from '@angular/core';
 })
 export class NgxGrapesjsService {
 
-  parserHtml = (input: string) => {
-    const parser = new DOMParser();
-    return parser.parseFromString(input, 'text/html');
-  };
+  parserHtml = (input: string) => {};
 
 }