lakelib 0.1.13 → 0.1.14

package/lib/lake.js

@@ -2029,10 +2029,15 @@ function wrapNodeList(nodeList, wrapper) {
 // Removes Zero-width spaces that are dependent on some other text nodes.
 function removeZWS(node) {
     for (const child of node.getWalker()) {
-        if (child.isText && child.text().length > 1) {
-            const nodeValue = child.text();
-            if (/\u200B/.test(child.text())) {
-                child.get(0).nodeValue = nodeValue.replace(/\u200B/g, '');
+        if (child.isText) {
+            const text = child.text();
+            if (text === '') {
+                child.remove();
+            }
+            else if (text.length > 1) {
+                if (/\u200B/.test(text)) {
+                    child.get(0).nodeValue = text.replace(/\u200B/g, '');
+                }
             }
         }
     }
@@ -3566,7 +3571,7 @@ class Box {
             container.removeClass('lake-box-hovered');
         });
         container.on('click', () => {
-            debug(`Box '${this.name}' (id = ${this.node.id}) value:`);
+            debug(`Box "${this.name}" (id = ${this.node.id}) value:`);
             debug(this.value);
         });
         if (this.type === 'block' && this.node.isContentEditable) {
@@ -3667,7 +3672,7 @@ class Box {
             newContainer.append(content);
             morph(container, newContainer);
         }
-        debug(`Box '${this.name}' (id: ${this.node.id}) rendered`);
+        debug(`Box "${this.name}" (id: ${this.node.id}) rendered`);
     }
     // Destroys a rendered box.
     unmount() {
@@ -3676,7 +3681,7 @@ class Box {
         boxData[this.node.id] = {};
         this.event.removeAllListeners();
         this.node.empty();
-        debug(`Box '${this.name}' (id: ${this.node.id}) unmounted`);
+        debug(`Box "${this.name}" (id: ${this.node.id}) unmounted`);
     }
     // Returns a HTML string of the box.
     getHTML() {
@@ -4287,9 +4292,8 @@ function insertBookmark(range) {
 function removeAndNormalizeNode(node, range) {
     const previousNode = node.prev();
     const nextNode = node.next();
-    if (previousNode.isText && nextNode.isText) {
+    if (previousNode.isText || nextNode.isText) {
         const parentNode = node.parent();
-        removeZWS(parentNode);
         node.remove();
         parentNode.get(0).normalize();
     }
@@ -4593,7 +4597,7 @@ function splitBlock$1(range) {
 }
 
 // Removes empty marks that contain no content.
-function removeEmptyMarks$1(node) {
+function removeEmptyMarks$2(node) {
     if (node.isMark && node.isEmpty) {
         node.remove();
         return;
@@ -4615,8 +4619,8 @@ function splitMarksAtPoint(node, offset, removeEmptyMark) {
     const parts = splitNodes(node, offset, limitBlock);
     if (parts) {
         if (removeEmptyMark) {
-            removeEmptyMarks$1(parts.start);
-            removeEmptyMarks$1(parts.end);
+            removeEmptyMarks$2(parts.start);
+            removeEmptyMarks$2(parts.end);
             if (!parts.start.isEmpty) {
                 start = parts.start;
             }
@@ -4802,7 +4806,7 @@ function addMark(range, value) {
 }
 
 // Removes empty marks that contain no content.
-function removeEmptyMarks(node) {
+function removeEmptyMarks$1(node) {
     if (node.isMark && node.isEmpty) {
         node.remove();
         return;
@@ -4860,13 +4864,13 @@ function removeMark(range, value) {
             return;
         }
         if (parts.end) {
-            removeEmptyMarks(parts.end);
+            removeEmptyMarks$1(parts.end);
         }
         const zeroWidthSpace = new Nodes(document.createTextNode('\u200B'));
         const newMark = copyNestedMarks(parts.start, tagName);
         if (!newMark) {
             parts.start.after(zeroWidthSpace);
-            removeEmptyMarks(parts.start);
+            removeEmptyMarks$1(parts.start);
             if (zeroWidthSpace.prev().isText) {
                 range.setStartAfter(zeroWidthSpace.prev());
                 range.collapseToStart();
@@ -4879,7 +4883,7 @@ function removeMark(range, value) {
         }
         appendDeepest(newMark, zeroWidthSpace);
         parts.start.after(newMark);
-        removeEmptyMarks(parts.start);
+        removeEmptyMarks$1(parts.start);
         range.shrinkAfter(newMark);
         return;
     }
@@ -4947,7 +4951,7 @@ function insertLink(range, value) {
     return linkNode;
 }
 
-var version = "0.1.13";
+var version = "0.1.14";
 
 // Inserts a box into the specified range.
 function insertBox(range, boxName, boxValue) {
@@ -5116,7 +5120,10 @@ class Selection {
     // Updates the saved range with the range of the native selection.
     updateByRange() {
         const newRange = this.getRangeFromNativeSelection();
-        if (this.range.get() === newRange.get()) {
+        if (this.range.startNode.get(0) === newRange.startNode.get(0) &&
+            this.range.startOffset === newRange.startOffset &&
+            this.range.endNode.get(0) === newRange.endNode.get(0) &&
+            this.range.endOffset === newRange.endOffset) {
             return;
         }
         this.range = newRange;
@@ -5218,7 +5225,6 @@ class Selection {
 class Command {
     constructor(selection) {
         this.commandMap = new Map();
-        this.event = new EventEmitter();
         this.selection = selection;
     }
     add(name, commandItem) {
@@ -5266,10 +5272,8 @@ class Command {
     }
     execute(name, ...data) {
         const commandItem = this.getItem(name);
-        this.event.emit('beforeexecute', name);
         commandItem.execute.apply(this, data);
-        this.event.emit('execute', name);
-        debug(`Command '${name}' executed`);
+        debug(`Command "${name}" executed`);
     }
 }
 
@@ -5287,11 +5291,11 @@ class Command {
 // inputs 'e': value: 'abe', list: ['a', 'ab', 'abe'], index: 3, canRedo: false
 class History {
     constructor(selection) {
+        this.canSave = true;
         // an array for storing the history items
         this.list = [];
         // the next index of the list
         this.index = 0;
-        this.canSave = true;
         this.limit = 100;
         this.event = new EventEmitter();
         this.selection = selection;
@@ -5343,6 +5347,12 @@ class History {
         this.removeIdfromBoxes(container);
         this.removeIdfromBoxes(otherContainer);
     }
+    get canUndo() {
+        return this.index > 1 && !!this.list[this.index - 1];
+    }
+    get canRedo() {
+        return !!this.list[this.index];
+    }
     cloneContainer() {
         const range = this.selection.range;
         const newContainer = this.container.clone(true);
@@ -5354,6 +5364,12 @@ class History {
             return newContainer;
         }
         if (range.isInsideBox) {
+            const boxNode = range.commonAncestor.closest('lake-box');
+            const boxNodePath = boxNode.path();
+            const newBoxNode = newContainer.find(boxNodePath);
+            const newRange = range.clone();
+            newRange.selectBox(newBoxNode);
+            insertBookmark(newRange);
             return newContainer;
         }
         const startNodePath = range.startNode.path();
@@ -5366,23 +5382,14 @@ class History {
         insertBookmark(newRange);
         return newContainer;
     }
-    get count() {
-        return this.list.length;
-    }
-    get canUndo() {
-        return this.index > 1 && !!this.list[this.index - 1];
-    }
-    get canRedo() {
-        return !!this.list[this.index];
-    }
     undo() {
-        if (!this.list[this.index - 1]) {
+        if (!this.list[this.index - 2]) {
             return;
         }
         this.selection.insertBookmark();
         const value = this.getValue(this.container);
-        while (this.index > 0) {
-            const prevItem = this.list[this.index - 1];
+        while (this.index > 1) {
+            const prevItem = this.list[this.index - 2];
             if (!prevItem) {
                 break;
             }
@@ -5394,9 +5401,6 @@ class History {
                 break;
             }
         }
-        if (this.index < 1) {
-            this.index = 1;
-        }
         this.selection.updateByBookmark();
         debug(`History undone (index: ${this.index})`);
     }
@@ -5428,7 +5432,11 @@ class History {
     pause() {
         this.canSave = false;
     }
-    save(emitSaveEvent = true) {
+    save(options = {}) {
+        var _a, _b, _c;
+        const inputType = (_a = options.inputType) !== null && _a !== void 0 ? _a : '';
+        const update = (_b = options.update) !== null && _b !== void 0 ? _b : false;
+        const emitEvent = (_c = options.emitEvent) !== null && _c !== void 0 ? _c : true;
         if (!this.canSave) {
             return;
         }
@@ -5438,16 +5446,25 @@ class History {
             this.removeBookmark(this.getValue(this.list[this.index - 1])) === this.removeBookmark(value)) {
             return;
         }
-        this.list.splice(this.index, Infinity, item);
-        this.index++;
+        if (update) {
+            this.list.splice(this.index - 1, Infinity, item);
+        }
+        else {
+            this.list.splice(this.index, Infinity, item);
+            this.index++;
+        }
         if (this.list.length > this.limit) {
             this.list.shift();
             this.index = this.list.length;
         }
-        if (emitSaveEvent) {
-            this.event.emit('save', denormalizeValue(value));
+        debug(`History saved (index: ${this.index}, inputType: "${inputType}", update: ${update}, emitEvent: ${emitEvent})`);
+        if (emitEvent) {
+            this.event.emit('save', denormalizeValue(value), {
+                inputType,
+                update,
+                emitEvent,
+            });
         }
-        debug(`History saved (index: ${this.index})`);
     }
 }
 
@@ -5571,6 +5588,7 @@ const defaultConfig = {
 class Editor {
     constructor(config) {
         this.unsavedInputData = '';
+        this.unsavedInputCount = 0;
         this.state = {
             appliedItems: [],
             disabledNameMap: new Map(),
@@ -5601,9 +5619,6 @@ class Editor {
             }
             this.event.emit('paste', event);
         };
-        this.beforeunloadListener = () => {
-            this.history.save();
-        };
         this.selectionchangeListener = () => {
             this.selection.updateByRange();
             this.updateBoxSelectionStyle();
@@ -5619,6 +5634,7 @@ class Editor {
         this.resizeListener = () => {
             this.event.emit('resize');
         };
+        // Updates the classes of all boxes when the current selection of the editor is changed.
         this.updateBoxSelectionStyle = debounce(() => {
             // The editor has been unmounted.
             if (this.root.first().length === 0) {
@@ -5669,6 +5685,7 @@ class Editor {
             trailing: true,
             maxWait: 50,
         });
+        // Triggers the statechange event when the current selection of the editor is changed.
         this.emitStateChangeEvent = debounce(() => {
             const commandNames = this.command.getNames();
             let appliedItems = this.selection.getAppliedItems();
@@ -5715,13 +5732,6 @@ class Editor {
             trailing: true,
             maxWait: 100,
         });
-        this.emitChangeEvent = (value) => {
-            this.fixContent();
-            this.emitStateChangeEvent();
-            this.togglePlaceholderClass(value);
-            this.scrollToCaret();
-            this.event.emit('change', value);
-        };
         if (!config.root) {
             throw new Error('The root of the config must be specified.');
         }
@@ -5751,6 +5761,7 @@ class Editor {
         this.keystroke = new Keystroke(this.container);
         editors.set(this.container.id, this);
     }
+    // Adds or Removes a placeholder class.
     togglePlaceholderClass(value) {
         value = denormalizeValue(value);
         const className = 'lake-show-placeholder';
@@ -5761,7 +5772,8 @@ class Editor {
             this.container.removeClass(className);
         }
     }
-    inputInBoxStrip() {
+    // Moves the input text from box strip to normal position.
+    moveBoxStripText() {
         const selection = this.selection;
         const range = selection.range;
         const stripNode = range.startNode.closest('.lake-box-strip');
@@ -5791,6 +5803,12 @@ class Editor {
         stripNode.html('<br />');
         selection.insertNode(document.createTextNode(text));
     }
+    // Resets the value of unsaved input property.
+    resetUnsavedInputData() {
+        this.unsavedInputData = '';
+        this.unsavedInputCount = 0;
+    }
+    // Binds events about input.
     bindInputEvents() {
         this.container.on('compositionstart', () => {
             this.isComposing = true;
@@ -5798,19 +5816,6 @@ class Editor {
         this.container.on('compositionend', () => {
             this.isComposing = false;
         });
-        this.container.on('beforeinput', event => {
-            const inputEvent = event;
-            const range = this.selection.range;
-            if (range.isBoxStart || range.isBoxEnd) {
-                this.commitUnsavedInputData();
-                return;
-            }
-            if (inputEvent.inputType === 'insertText' ||
-                inputEvent.inputType === 'insertCompositionText') {
-                return;
-            }
-            this.commitUnsavedInputData();
-        });
         this.container.on('input', event => {
             const inputEvent = event;
             // Here setTimeout is necessary because isComposing is not false after ending composition.
@@ -5826,7 +5831,7 @@ class Editor {
                     return;
                 }
                 if (range.isBoxStart || range.isBoxEnd) {
-                    this.inputInBoxStrip();
+                    this.moveBoxStripText();
                     this.history.save();
                     this.event.emit('input', inputEvent);
                     return;
@@ -5834,30 +5839,60 @@ class Editor {
                 if (inputEvent.inputType === 'insertText' ||
                     inputEvent.inputType === 'insertCompositionText') {
                     this.unsavedInputData += (_a = inputEvent.data) !== null && _a !== void 0 ? _a : '';
+                    this.unsavedInputCount++;
                     if (this.unsavedInputData.length < this.config.minChangeSize) {
-                        this.event.emit('input', inputEvent);
-                        this.emitChangeEvent(this.getValue());
-                        return;
+                        this.history.save({
+                            inputType: 'insertText',
+                            update: this.unsavedInputCount > 1,
+                        });
                     }
+                    else {
+                        this.history.save({
+                            inputType: 'insertText',
+                            update: true,
+                        });
+                        this.resetUnsavedInputData();
+                    }
+                    this.event.emit('input', inputEvent);
+                    return;
                 }
                 this.history.save();
                 this.event.emit('input', inputEvent);
             }, 0);
         });
-        this.command.event.on('beforeexecute', () => this.commitUnsavedInputData());
     }
+    // Binds events about history.
     bindHistoryEvents() {
+        const executeCommonMethods = (value) => {
+            if (this.fixContent()) {
+                this.history.save({
+                    update: true,
+                    emitEvent: false,
+                });
+                value = this.getValue();
+            }
+            this.emitStateChangeEvent();
+            this.togglePlaceholderClass(value);
+            this.scrollToCaret();
+            this.event.emit('change', value);
+        };
         this.history.event.on('undo', value => {
             this.renderBoxes();
-            this.emitChangeEvent(value);
+            executeCommonMethods(value);
+            this.resetUnsavedInputData();
         });
         this.history.event.on('redo', value => {
             this.renderBoxes();
-            this.emitChangeEvent(value);
+            executeCommonMethods(value);
+            this.resetUnsavedInputData();
         });
-        this.history.event.on('save', value => {
+        this.history.event.on('save', (value, options) => {
             this.removeBoxGarbage();
-            this.emitChangeEvent(value);
+            executeCommonMethods(value);
+            this.selection.sync();
+            if (options.inputType !== 'insertText') {
+                this.resetUnsavedInputData();
+            }
         });
     }
     // Returns a boolean value indicating whether the editor has focus.
@@ -5874,47 +5909,34 @@ class Editor {
     }
     // Fixes wrong content, especially empty tag.
     fixContent() {
+        let changed = false;
         let children = this.container.children();
         for (const child of children) {
             if ((child.isBlock || child.isMark) && child.html() === '') {
                 child.remove();
-                debug('fixContent(): empty tag was removed');
+                changed = true;
+                debug(`Content fixed: empty tag "${child.name}" was removed`);
             }
         }
         children = this.container.children();
         if (children.length === 0) {
             this.container.html('<p><br /></p>');
             this.selection.range.shrinkAfter(this.container);
-            debug('fixContent(): default paragraph was added');
-            return;
+            changed = true;
+            debug('Content fixed: default paragraph was added');
         }
-        if (children.length === 1) {
+        else if (children.length === 1) {
             const child = children[0];
             if (child.isVoid) {
                 const paragraph = query('<p />');
                 child.before(paragraph);
                 paragraph.append(child);
                 this.selection.range.shrinkAfter(paragraph);
-                debug('fixContent(): void element was wrapped in paragraph');
+                changed = true;
+                debug(`Content fixed: void element "${child.name}" was wrapped in paragraph`);
             }
         }
-    }
-    // Saves the input data which is unsaved.
-    commitUnsavedInputData() {
-        if (this.unsavedInputData.length > 0) {
-            this.history.save(false);
-            this.unsavedInputData = '';
-        }
-    }
-    // Updates some state before custom modifications.
-    prepareOperation() {
-        this.commitUnsavedInputData();
-        this.history.pause();
-    }
-    // Saves custom modifications to the history.
-    commitOperation() {
-        this.history.continue();
-        this.history.save();
+        return changed;
     }
     // Sets default config for a plugin.
     setPluginConfig(name, config) {
@@ -5951,11 +5973,11 @@ class Editor {
             box.render();
         });
     }
-    // Sets focus on the editor area.
+    // Sets focus on the editor.
     focus() {
         this.container.focus();
     }
-    // Removes focus from the editor area.
+    // Removes focus from the editor.
     blur() {
         this.container.blur();
     }
@@ -5963,6 +5985,9 @@ class Editor {
     scrollToCaret() {
         // Creates an artificial caret that is the same size as the caret at the current caret position.
         const rangeRect = this.selection.range.getRect();
+        if (rangeRect.x === 0 || rangeRect.y === 0) {
+            return;
+        }
         const containerRect = this.container.get(0).getBoundingClientRect();
         const artificialCaret = query('<div class="lake-artificial-caret" />');
         const left = rangeRect.x - containerRect.x;
@@ -5991,7 +6016,7 @@ class Editor {
         }
         artificialCaret.remove();
     }
-    // Sets the specified HTML string to the editor area.
+    // Sets the specified value to the editor.
     setValue(value) {
         value = normalizeValue(value);
         const htmlParser = new HTMLParser(value);
@@ -6002,15 +6027,14 @@ class Editor {
         this.renderBoxes();
         this.selection.updateByBookmark();
     }
-    // Returns the contents from the editor.
+    // Returns the value of the editor.
     getValue() {
-        const bookmark = this.selection.insertBookmark();
-        let value = new HTMLParser(this.container).getHTML();
+        const item = this.history.cloneContainer();
+        let value = new HTMLParser(item).getHTML();
         value = denormalizeValue(value);
-        this.selection.toBookmark(bookmark);
         return value;
     }
-    // Renders an editor area and set default value to it.
+    // Renders an editor area and sets default value to it.
     render() {
         const value = normalizeValue(this.config.value);
         const htmlParser = new HTMLParser(value);
@@ -6025,7 +6049,9 @@ class Editor {
         Editor.plugin.loadAll(this);
         if (!this.readonly) {
             this.selection.updateByBookmark();
-            this.history.save();
+            this.history.save({
+                emitEvent: false,
+            });
         }
         this.renderBoxes();
         if (this.toolbar) {
@@ -6035,7 +6061,6 @@ class Editor {
         if (!this.readonly) {
             document.addEventListener('cut', this.cutListener);
             document.addEventListener('paste', this.pasteListener);
-            window.addEventListener('beforeunload', this.beforeunloadListener);
             document.addEventListener('selectionchange', this.selectionchangeListener);
             document.addEventListener('click', this.clickListener);
             window.addEventListener('resize', this.resizeListener);
@@ -6043,10 +6068,9 @@ class Editor {
             this.bindHistoryEvents();
         }
     }
-    // Destroys a rendered editor.
+    // Destroys the rendered editor.
     unmount() {
         this.event.removeAllListeners();
-        this.command.event.removeAllListeners();
         this.history.event.removeAllListeners();
         this.root.empty();
         this.popupContainer.remove();
@@ -6054,7 +6078,6 @@ class Editor {
         if (!this.readonly) {
             document.removeEventListener('cut', this.cutListener);
             document.removeEventListener('paste', this.pasteListener);
-            window.removeEventListener('beforeunload', this.beforeunloadListener);
             document.removeEventListener('selectionchange', this.selectionchangeListener);
             document.removeEventListener('click', this.clickListener);
             window.removeEventListener('resize', this.resizeListener);
@@ -7103,7 +7126,6 @@ function appendButtonGroup(box) {
         event.stopPropagation();
         editor.selection.removeBox(box);
         editor.history.save();
-        editor.selection.sync();
     });
     videoNode.append(buttonGroupNode);
 }
@@ -7825,7 +7847,6 @@ const imageBox = {
                     }
                     editor.selection.removeBox(box);
                     editor.history.save();
-                    editor.selection.sync();
                 });
             }
             box.event.emit('render');
@@ -7862,7 +7883,6 @@ const boxToolbarItems = [
             }
             editor.selection.removeBox(box);
             editor.history.save();
-            editor.selection.sync();
         },
     },
 ];
@@ -8554,7 +8574,6 @@ var list = (editor) => {
                 }
             }
             editor.history.save();
-            editor.selection.sync();
         },
     });
     editor.container.on('click', event => {
@@ -9166,14 +9185,12 @@ var link = (editor) => {
             const range = editor.selection.range;
             range.setStartAfter(node);
             range.collapseToStart();
-            editor.selection.sync();
             editor.history.save();
         },
         onRemove: node => {
             const range = editor.selection.range;
             range.setStartAfter(node);
             range.collapseToStart();
-            editor.selection.sync();
             editor.history.save();
         },
     });
@@ -9554,7 +9571,7 @@ function executeMarkCommand(editor, point) {
             // <p>foobold\u200B<focus /></p>,
             // to
             // <p>foo[bold]\u200B<focus /></p>, startOffset = 3, endOffset = 7
-            editor.prepareOperation();
+            editor.history.pause();
             const bookmark = selection.insertBookmark();
             const node = bookmark.focus.prev();
             const oldValue = node.text();
@@ -9564,7 +9581,8 @@ function executeMarkCommand(editor, point) {
             range.setEnd(node, offset - (oldValue.length - newValue.length) - 1);
             editor.command.execute(commandName, ...parameters);
             selection.toBookmark(bookmark);
-            editor.commitOperation();
+            editor.history.continue();
+            editor.history.save();
             return true;
         }
     }
@@ -9586,16 +9604,14 @@ function spaceKeyExecutesBlockCommand(editor, point) {
             // <p>#<focus />foo</p>
             // to
             // <h1><focus />foo</h1>
-            editor.prepareOperation();
             const bookmark = selection.insertBookmark();
             const node = bookmark.focus.prev();
             node.remove();
             const block = bookmark.focus.closestBlock();
             fixEmptyBlock(block);
             selection.range.shrinkAfter(block);
-            editor.command.execute(commandName, ...parameters);
             selection.toBookmark(bookmark);
-            editor.commitOperation();
+            editor.command.execute(commandName, ...parameters);
             return true;
         }
     }
@@ -9616,12 +9632,10 @@ function enterKeyExecutesBlockCommand(editor, block) {
             // <p>---<focus /></p>
             // to
             // <lake-box type="block" name="hr" focus="end"></lake-box>
-            editor.prepareOperation();
             block.empty();
             fixEmptyBlock(block);
             selection.range.shrinkAfter(block);
             editor.command.execute(commandName, ...parameters);
-            editor.commitOperation();
             return true;
         }
     }
@@ -9848,6 +9862,14 @@ var shiftEnterKey = (editor) => {
     });
 };
 
+function removeEmptyMarks(range) {
+    const block = range.getBlocks()[0];
+    if (block && block.isEmpty && block.first().name !== 'br') {
+        block.empty();
+        appendDeepest(block, query('<br />'));
+        range.shrinkAfter(block);
+    }
+}
 function mergeWithPreviousBlock(editor, block) {
     const range = editor.selection.range;
     let prevBlock = block.prev();
@@ -9878,6 +9900,7 @@ function mergeWithPreviousBlock(editor, block) {
         prevBlock.remove();
         return;
     }
+    removeEmptyMarks(range);
     const bookmark = editor.selection.insertBookmark();
     mergeNodes(prevBlock, block);
     editor.selection.toBookmark(bookmark);
@@ -9890,6 +9913,14 @@ var backspaceKey = (editor) => {
     editor.keystroke.setKeydown('backspace', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
+            const boxNode = range.commonAncestor.closest('lake-box');
+            const box = getBox(boxNode);
+            const boxValue = box.value;
+            if (box.name === 'codeBlock' && (boxValue.code === undefined || boxValue.code === '')) {
+                event.preventDefault();
+                editor.selection.removeBox(box);
+                editor.history.save();
+            }
             return;
         }
         editor.fixContent();
@@ -9948,7 +9979,7 @@ var backspaceKey = (editor) => {
             editor.history.save();
             return;
         }
-        if (prevNode.isText && prevNode.text().length === 1) {
+        if (prevNode.isText && prevNode.text().length === 1 && prevNode.parent().isBlock) {
             event.preventDefault();
             const block = prevNode.closestBlock();
             range.setStartBefore(prevNode);