fable-editor 1.2.2 → 1.2.3

package/dist/angular/fesm2022/fable-editor.mjs

@@ -2027,6 +2027,8 @@ class FableEditor {
             }
             if (e.key === '`' && !e.ctrlKey && !e.metaKey && !e.altKey)
                 this.tryCodeTyping(e);
+            if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey && !e.metaKey && !e.altKey)
+                this.tryExitBlockquote(e);
         });
         this.on(this.ed, 'paste', (e) => this.handlePaste(e));
         this.on(this.ed, 'drop', (e) => {
@@ -2369,6 +2371,32 @@ class FableEditor {
         }
         return null;
     }
+    /** Enter on an empty last line inside a blockquote exits it into a plain paragraph, mirroring how lists exit on an empty item. */
+    tryExitBlockquote(e) {
+        const s = window.getSelection();
+        if (!s || !s.isCollapsed || !s.anchorNode || !this.ed.contains(s.anchorNode))
+            return;
+        const block = this.closestBlock(s.anchorNode);
+        if (!block || block.tagName === 'BLOCKQUOTE' || (block.textContent || '').trim() !== '')
+            return;
+        const bq = block.closest('blockquote');
+        if (!bq || !this.ed.contains(bq) || block !== bq.lastElementChild)
+            return;
+        e.preventDefault();
+        const p = document.createElement('p');
+        p.appendChild(document.createElement('br'));
+        bq.after(p);
+        block.remove();
+        if (!bq.firstElementChild)
+            bq.remove();
+        const r = document.createRange();
+        r.setStart(p, 0);
+        r.collapse(true);
+        s.removeAllRanges();
+        s.addRange(r);
+        this.saveSel();
+        this.onChange();
+    }
     selectedBlocks() {
         const s = window.getSelection();
         if (!s || !s.rangeCount || !this.ed.contains(s.anchorNode))
@@ -5560,7 +5588,27 @@ class FableEditor {
     }
     /* ---------------------------------------------------------- selection bubble toolbar */
     toggleBlock(tag) {
-        this.exec('formatBlock', this.currentBlock() === tag ? '<p>' : '<' + tag + '>');
+        const active = this.currentBlock() === tag;
+        this.exec('formatBlock', active ? '<p>' : '<' + tag + '>');
+        if (tag === 'blockquote' && active)
+            this.unwrapBlockquote();
+    }
+    /** Some browsers leave the <blockquote> wrapper in place after formatBlock('<p>'); strip it manually if so. */
+    unwrapBlockquote() {
+        const s = window.getSelection();
+        let node = s && this.ed.contains(s.anchorNode) ? s.anchorNode : null;
+        while (node && node !== this.ed) {
+            if (node.nodeType === 1 && node.tagName === 'BLOCKQUOTE') {
+                const bq = node;
+                const parent = bq.parentNode;
+                while (bq.firstChild)
+                    parent.insertBefore(bq.firstChild, bq);
+                parent.removeChild(bq);
+                this.onChange();
+                return;
+            }
+            node = node.parentNode;
+        }
     }
     clearSelToolbar() {
         this.selCtx?.remove();
@@ -5627,6 +5675,12 @@ class FableEditor {
         const s = window.getSelection();
         if (!s || !s.anchorNode || !this.ed.contains(s.anchorNode))
             return 'p';
+        let node = s.anchorNode;
+        while (node && node !== this.ed) {
+            if (node.nodeType === 1 && node.tagName === 'BLOCKQUOTE')
+                return 'blockquote';
+            node = node.parentNode;
+        }
         const b = this.closestBlock(s.anchorNode);
         return b ? b.tagName.toLowerCase().replace('div', 'p') : 'p';
     }