Add multiline module (#7)

* update packages

* add multiline module

* Fix markup generation

* update version

* update package.lock

* fix package.lock

* update dependency

* fix tests

* refactor

Author: DokaRus

blots/multilineBreak.js

@@ -0,0 +1,26 @@
+import { EmbedBlot } from 'parchment';
+
+class MultilineBreak extends EmbedBlot {
+  static value() {
+    return '\n';
+  }
+
+  length() {
+    return 1;
+  }
+
+  value() {
+    return '\n';
+  }
+
+  optimize() {
+    if (!this.prev && !this.next) {
+      this.remove();
+    }
+  }
+}
+
+MultilineBreak.blotName = 'multilineBreak';
+MultilineBreak.tagName = 'BR';
+
+export default MultilineBreak;

core/quill.js

@@ -109,11 +109,7 @@ class Quill {
         source,
       );
     });
-    const contents = this.clipboard.convert({
-      html: `${html}<p><br></p>`,
-      text: '\n',
-    });
-    this.setContents(contents);
+    this.setContents(this.getInitialContent(html));
     this.history.clear();
     if (this.options.placeholder) {
       this.root.setAttribute('data-placeholder', this.options.placeholder);
@@ -124,6 +120,13 @@ class Quill {
     this.allowReadOnlyEdits = false;
   }
 
+  getInitialContent(html) {
+    return this.clipboard.convert({
+      html: `${html}<p><br></p>`,
+      text: '\n',
+    });
+  }
+
   addContainer(container, refNode = null) {
     if (typeof container === 'string') {
       const className = container;

modules/multiline.js

@@ -0,0 +1,45 @@
+import Delta from 'quill-delta';
+import Quill from '../core/quill';
+import MultilineBreak from '../blots/multilineBreak';
+import Module from '../core/module';
+
+function breakMatcher(node) {
+  if (!node.nextSibling && !node.previousSibling) {
+    return new Delta().insert('\n');
+  }
+  return new Delta().insert({ multilineBreak: '' });
+}
+
+class Multiline extends Module {
+  constructor(quill, options) {
+    const path = 'blots/multilineBreak';
+    super(quill, options);
+
+    Quill.register({ [path]: MultilineBreak }, true);
+
+    quill.keyboard.addBinding(
+      {
+        key: 'enter',
+        shiftKey: true,
+      },
+      this.enterHandler.bind(this),
+    );
+    quill.keyboard.bindings.enter.unshift(quill.keyboard.bindings.enter.pop());
+    quill.clipboard.addMatcher('BR', breakMatcher);
+  }
+
+  enterHandler(range) {
+    const currentLeaf = this.quill.getLeaf(range.index)[0];
+    const nextLeaf = this.quill.getLeaf(range.index + 1)[0];
+
+    this.quill.insertEmbed(range.index, 'multilineBreak', true, 'user');
+
+    if (nextLeaf === null || currentLeaf.parent !== nextLeaf.parent) {
+      this.quill.insertEmbed(range.index, 'multilineBreak', true, 'user');
+    }
+
+    this.quill.setSelection(range.index + 1, Quill.sources.SILENT);
+  }
+}
+
+export default Multiline;