Convert newlines between inline elements to a space

CHANGELOG.md

@@ -1,5 +1,7 @@
 # [Unreleased]
 
+- **Clipboard** Convert newlines between inline elements to a space.
+
 # 2.0.0-beta.2
 
 - Fix IME not working correctly in Safari.

packages/quill/src/modules/clipboard.ts

@@ -330,6 +330,15 @@ function isLine(node: Element) {
   ].includes(node.tagName.toLowerCase());
 }
 
+function isBetweenInlineElements(node: HTMLElement) {
+  return (
+    node.previousElementSibling &&
+    node.nextElementSibling &&
+    !isLine(node.previousElementSibling) &&
+    !isLine(node.nextElementSibling)
+  );
+}
+
 const preNodes = new WeakMap();
 function isPre(node: Node | null) {
   if (node == null) return false;
@@ -573,7 +582,11 @@ function matchText(node: HTMLElement, delta: Delta) {
     return delta.insert(text.trim());
   }
   if (!isPre(node)) {
-    if (text.trim().length === 0 && text.includes('\n')) {
+    if (
+      text.trim().length === 0 &&
+      text.includes('\n') &&
+      !isBetweenInlineElements(node)
+    ) {
       return delta;
     }
     const replacer = (collapse: unknown, match: string) => {

packages/quill/test/unit/modules/clipboard.spec.ts

@@ -229,6 +229,30 @@ describe('Clipboard', () => {
       );
     });
 
+    test('newlines between inline elements', () => {
+      const html = '<span>foo</span>\n<span>bar</span>';
+      const delta = createClipboard().convert({ html });
+      expect(delta).toEqual(new Delta().insert('foo bar'));
+    });
+
+    test('multiple newlines between inline elements', () => {
+      const html = '<span>foo</span>\n\n\n\n<span>bar</span>';
+      const delta = createClipboard().convert({ html });
+      expect(delta).toEqual(new Delta().insert('foo bar'));
+    });
+
+    test('newlines between block elements', () => {
+      const html = '<p>foo</p>\n<p>bar</p>';
+      const delta = createClipboard().convert({ html });
+      expect(delta).toEqual(new Delta().insert('foo\nbar'));
+    });
+
+    test('multiple newlines between block elements', () => {
+      const html = '<p>foo</p>\n\n\n\n<p>bar</p>';
+      const delta = createClipboard().convert({ html });
+      expect(delta).toEqual(new Delta().insert('foo\nbar'));
+    });
+
     test('break', () => {
       const html =
         '<div>0<br>1</div><div>2<br></div><div>3</div><div><br>4</div><div><br></div><div>5</div>';