fix: use DOM created by ProseMirror

sibiraj-s · Feb 5, 2021 · 8c8b738 · 8c8b738
1 parent a8ecb22
commit 8c8b738
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/lib/Editor.ts b/src/lib/Editor.ts
@@ -36,7 +36,6 @@ const DEFAULT_OPTIONS: Options = {
 class Editor {
   private options: Options;
   view: EditorView;
-  el: DocumentFragment;
 
   constructor(options: Options = DEFAULT_OPTIONS) {
     this.options = Object.assign({}, DEFAULT_OPTIONS, options);
@@ -107,7 +106,6 @@ class Editor {
     const schema = this.schema;
 
     const doc = parseContent(content, schema);
-    this.el = document.createDocumentFragment();
 
     const plugins: Plugin[] = options.plugins ?? [];
 
@@ -117,7 +115,7 @@ class Editor {
       inputRules
     });
 
-    this.view = new EditorView(this.el, {
+    this.view = new EditorView(null, {
       state: EditorState.create({
         doc,
         schema,

diff --git a/src/lib/editor.component.ts b/src/lib/editor.component.ts
@@ -150,7 +150,7 @@ export class NgxEditorComponent implements ControlValueAccessor, OnInit, OnChang
     this.registerCustomElements();
     this.registerPlugins();
 
-    this.renderer.appendChild(this.ngxEditor.nativeElement, this.editor.el);
+    this.renderer.appendChild(this.ngxEditor.nativeElement, this.editor.view.dom);
 
     const contentChangeSubscription = this.editor.valueChanges.subscribe(jsonDoc => {
       this.handleChange(jsonDoc);