jodit 4.17.4 → 4.17.6

package/es5/plugins/debug/debug.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.fat.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/polyfills.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.17.4
+ * Version: v4.17.6
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/core/constants.js

@@ -3,7 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
-export const APP_VERSION = "4.17.4";
+export const APP_VERSION = "4.17.6";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/selection/selection.d.ts

@@ -60,6 +60,11 @@ export declare class Selection implements ISelect {
      * back to the plain window selection.
      */
     private __composedSelection;
+    /**
+     * How many ranges the browser's own selection holds right now, as opposed
+     * to the composed view that [[sel]] may answer from.
+     */
+    private __nativeRangeCount;
     /**
      * Return first selected range or create new
      */

package/esm/core/selection/selection.js

@@ -25,6 +25,15 @@ import { moveTheNodeAlongTheEdgeOutward } from "./helpers/move-the-node-along-th
 import "./interface.js";
 import { CommitStyle } from "./style/commit-style.js";
 import { composedRanges, cursorInTheEdgeOfString, findCorrectCurrentNode } from "./helpers/index.js";
+/**
+ * A text node that is empty or holds only invisible caret placeholders.
+ */
+function isBlankTextNode(node) {
+    var _a;
+    return (Dom.isText(node) &&
+        ((_a = node.nodeValue) !== null && _a !== void 0 ? _a : '').replace(consts.INVISIBLE_SPACE_REG_EXP(), '')
+            .length === 0);
+}
 export class Selection {
     constructor(jodit) {
         this.jodit = jodit;
@@ -151,6 +160,18 @@ export class Selection {
             }
         });
     }
+    /**
+     * How many ranges the browser's own selection holds right now, as opposed
+     * to the composed view that [[sel]] may answer from.
+     */
+    __nativeRangeCount() {
+        var _a, _b, _c, _d;
+        const { shadowRoot } = this.j.o;
+        if (shadowRoot && isFunction(shadowRoot.getSelection)) {
+            return (_b = (_a = shadowRoot.getSelection()) === null || _a === void 0 ? void 0 : _a.rangeCount) !== null && _b !== void 0 ? _b : 0;
+        }
+        return (_d = (_c = this.win.getSelection()) === null || _c === void 0 ? void 0 : _c.rangeCount) !== null && _d !== void 0 ? _d : 0;
+    }
     /**
      * Return first selected range or create new
      */
@@ -275,6 +296,7 @@ export class Selection {
      * Create marker element
      */
     marker(atStart = false, range) {
+        var _a;
         let newRange = null;
         if (range) {
             newRange = range.cloneRange();
@@ -296,10 +318,24 @@ export class Selection {
         Dom.append(marker, this.j.createInside.text(consts.INVISIBLE_SPACE));
         if (newRange) {
             if (Dom.isOrContains(this.area, atStart ? newRange.startContainer : newRange.endContainer)) {
-                // Here need do unsafe inserting
-                // Deny Dom.safeInsertNode(newRange, marker);
-                // Apply style -> Test Style module -> Base apply -> For selection <p><strong>|test|</strong></p> apply style {"element":"em","style":{"fontStyle":"italic"}}
-                newRange.insertNode(marker);
+                const { startContainer: node, startOffset: offset } = newRange;
+                // At either end of a text node the marker goes beside it. Splitting
+                // the node there would leave the selection's boundary in an empty
+                // text node, and WebKit neither repaints a selection that leaves one
+                // nor moves a selection that follows one when it's removed.
+                if (Dom.isText(node) && offset === 0) {
+                    Dom.before(node, marker);
+                }
+                else if (Dom.isText(node) &&
+                    offset === ((_a = node.nodeValue) === null || _a === void 0 ? void 0 : _a.length)) {
+                    Dom.after(node, marker);
+                }
+                else {
+                    // Here need do unsafe inserting
+                    // Deny Dom.safeInsertNode(newRange, marker);
+                    // Apply style -> Test Style module -> Base apply -> For selection <p><strong>|test|</strong></p> apply style {"element":"em","style":{"fontStyle":"italic"}}
+                    newRange.insertNode(marker);
+                }
             }
         }
         return marker;
@@ -639,7 +675,9 @@ export class Selection {
                     () => { var _a; return (_a = firstChild === null || firstChild === void 0 ? void 0 : firstChild.previousSibling) === null || _a === void 0 ? void 0 : _a.lastChild; }
                 ].forEach(getChildNode => {
                     const childNode = getChildNode();
-                    if (childNode && Dom.isEmptyTextNode(childNode)) {
+                    // Only a text node left with nothing in it by the split
+                    // goes; one holding a space is content (`<b>a</b> |`).
+                    if (childNode && isBlankTextNode(childNode)) {
                         Dom.safeRemove(childNode);
                     }
                 });
@@ -1035,6 +1073,19 @@ export class Selection {
                 const range = ranges[0];
                 sel.setBaseAndExtent(range.endContainer, range.endOffset, range.startContainer, range.startOffset);
             }
+            else if (ranges.length === 1 &&
+                !this.__nativeRangeCount() &&
+                isFunction(sel.setBaseAndExtent)) {
+                // `addRange` is specified to ignore a range whose root is not
+                // the document, which is every range inside a shadow tree.
+                // Chrome's `ShadowRoot.getSelection()` takes them anyway, but
+                // Safari has only the window selection, so after
+                // `removeAllRanges` the caret is simply gone: a character was
+                // deleted and nothing was left to type into. `setBaseAndExtent`
+                // does accept nodes inside a shadow tree.
+                const range = ranges[0];
+                sel.setBaseAndExtent(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
+            }
         }
         /**
          * Fired after change selection

package/esm/modules/history/history.js

@@ -133,20 +133,28 @@ export class History extends ViewComponent {
      */
     updateStack(replace = false) {
         const newValue = this.snapshot.make();
-        if (!Snapshot.equal(newValue, this.startValue)) {
-            const newCommand = new Command(this.startValue, newValue, this, this.updateTick);
-            if (replace) {
-                const command = this.__stack.current();
-                if (command && this.updateTick === command.tick) {
-                    this.__stack.replace(newCommand);
-                }
-            }
-            else {
-                this.__stack.push(newCommand);
-            }
+        if (Snapshot.equal(newValue, this.startValue)) {
+            return;
+        }
+        // Only the selection moved, for example when the selection markers
+        // went in before a switch to the source view. There is nothing to
+        // undo, but the next change has to start from this selection.
+        if (newValue.html === this.startValue.html) {
             this.startValue = newValue;
-            this.fireChangeStack();
+            return;
+        }
+        const newCommand = new Command(this.startValue, newValue, this, this.updateTick);
+        if (replace) {
+            const command = this.__stack.current();
+            if (command && this.updateTick === command.tick) {
+                this.__stack.replace(newCommand);
+            }
         }
+        else {
+            this.__stack.push(newCommand);
+        }
+        this.startValue = newValue;
+        this.fireChangeStack();
     }
     fireChangeStack() {
         var _a;

package/esm/plugins/line-height/line-height.js

@@ -58,7 +58,7 @@ export class lineHeight extends Plugin {
         try {
             if (s.isCollapsed()) {
                 const fake = c.fake();
-                s.insertNode(fake, false, false);
+                Dom.safeInsertNode(s.range, fake);
                 apply(fake);
                 Dom.safeRemove(fake);
             }

package/esm/plugins/placeholder/placeholder.js

@@ -69,7 +69,7 @@ export class placeholder extends Plugin {
                 .on('changePlace.placeholder', this.addNativeListeners)
                 .on('change.placeholder focus.placeholder keyup.placeholder mouseup.placeholder keydown.placeholder ' +
                 'mousedown.placeholder afterSetMode.placeholder changePlace.placeholder ' +
-                'internalChange.placeholder', this.toggle)
+                'internalChange.placeholder afterCommand.placeholder', this.toggle)
                 .on(window, 'load', this.toggle);
             this.addNativeListeners();
             this.toggle();

package/esm/plugins/select/select.d.ts

@@ -27,6 +27,13 @@ export declare class select extends Plugin {
     protected afterInit(jodit: IJodit): void;
     protected beforeDestruct(jodit: IJodit): void;
     private onStartSelection;
+    /**
+     * Where the last press started. Chrome reports a drag that begins in one
+     * element and ends in another as a `click` on their common ancestor, so a
+     * press inside a popup is remembered to tell such a drag from a real click.
+     */
+    private __pressTarget;
+    protected onOutsidePress(e: Event): void;
     /**
      * @event outsideClick(e) - when user clicked on the outside of editor
      */

package/esm/plugins/select/select.js

@@ -42,6 +42,12 @@ export class select extends Plugin {
             'mouseup',
             'touchend'
         ];
+        /**
+         * Where the last press started. Chrome reports a drag that begins in one
+         * element and ends in another as a `click` on their common ancestor, so a
+         * press inside a popup is remembered to tell such a drag from a real click.
+         */
+        this.__pressTarget = null;
     }
     afterInit(jodit) {
         this.proxyEventsList.forEach(eventName => {
@@ -64,14 +70,23 @@ export class select extends Plugin {
             j.e.fire(e.type + 'Editor', target, e);
         }
     }
+    onOutsidePress(e) {
+        this.__pressTarget = e.target;
+    }
     /**
      * @event outsideClick(e) - when user clicked on the outside of editor
      */
     onOutsideClick(e) {
-        const node = e.target;
+        const node = e.target, pressed = this.__pressTarget;
+        this.__pressTarget = null;
         if (Dom.up(node, elm => elm === this.j.editor)) {
             return;
         }
+        // Selecting the text of a popup input with the mouse and releasing
+        // the button past the popup's edge is not a click outside of it.
+        if (pressed && UIElement.closestElement(pressed, Popup)) {
+            return;
+        }
         const box = UIElement.closestElement(node, Popup);
         if (!box) {
             this.j.e.fire('outsideClick', e);
@@ -186,6 +201,9 @@ export class select extends Plugin {
 __decorate([
     autobind
 ], select.prototype, "onStartSelection", null);
+__decorate([
+    watch(['ow:mousedown', 'ow:touchstart'])
+], select.prototype, "onOutsidePress", null);
 __decorate([
     watch('ow:click')
 ], select.prototype, "onOutsideClick", null);

package/esm/plugins/source/editor/engines/ace.d.ts

@@ -25,6 +25,8 @@ export declare class AceEditor extends SourceEditor<AceAjax.Editor> implements I
     init(editor: IJodit): any;
     destruct(): any;
     setValue(value: string): void;
+    private __settingValue;
+    private __onChange;
     getValue(): string;
     setReadOnly(isReadOnly: boolean): void;
     get isFocused(): boolean;

package/esm/plugins/source/editor/engines/ace.js

@@ -3,7 +3,18 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import * as constants from "../../../../core/constants.js";
+import { autobind } from "../../../../core/decorators/autobind/autobind.js";
 import { Dom } from "../../../../core/dom/dom.js";
 import { isString, loadNext } from "../../../../core/helpers/index.js";
 import { SourceEditor } from "../sourceEditor.js";
@@ -23,6 +34,7 @@ export class AceEditor extends SourceEditor {
         this.proxyOnMouseDown = (e) => {
             this.j.e.fire('mousedown', e);
         };
+        this.__settingValue = false;
     }
     aceExists() {
         return this.j.ow.ace !== undefined;
@@ -98,7 +110,7 @@ export class AceEditor extends SourceEditor {
             this.instance.setOption('wrap', editor.o.sourceEditorNativeOptions.wrap);
             this.instance.getSession().setUseWorker(false);
             this.instance.$blockScrolling = Infinity;
-            this.instance.on('change', this.toWYSIWYG);
+            this.instance.on('change', this.__onChange);
             this.instance.on('focus', this.proxyOnFocus);
             this.instance.on('mousedown', this.proxyOnMouseDown);
             this.instance.on('blur', this.proxyOnBlur);
@@ -155,7 +167,7 @@ export class AceEditor extends SourceEditor {
     }
     destruct() {
         var _a, _b;
-        this.instance.off('change', this.toWYSIWYG);
+        this.instance.off('change', this.__onChange);
         this.instance.off('focus', this.proxyOnFocus);
         this.instance.off('mousedown', this.proxyOnMouseDown);
         this.instance.destroy();
@@ -168,9 +180,26 @@ export class AceEditor extends SourceEditor {
                 value = html;
             }
         }
-        this.instance.setValue(value);
+        // ACE reports its own `setValue` as two changes, the removal of the
+        // old text and the insertion of the new one. Fed back into the
+        // editor they became two history entries, `content -> ''` and
+        // `'' -> content`, so the first undo after a switch to the source
+        // view and back emptied the editor. The text came from the editor
+        // in the first place, so there is nothing to send back.
+        this.__settingValue = true;
+        try {
+            this.instance.setValue(value);
+        }
+        finally {
+            this.__settingValue = false;
+        }
         this.instance.clearSelection();
     }
+    __onChange() {
+        if (!this.__settingValue) {
+            this.toWYSIWYG();
+        }
+    }
     getValue() {
         return this.instance.getValue();
     }
@@ -230,3 +259,6 @@ export class AceEditor extends SourceEditor {
         });
     }
 }
+__decorate([
+    autobind
+], AceEditor.prototype, "__onChange", null);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.17.4",
+	"version": "4.17.6",
 	"description": "Jodit is an awesome and useful wysiwyg editor with filebrowser",
 	"main": "esm/index.js",
 	"types": "types/index.d.ts",

package/types/core/selection/selection.d.ts

@@ -60,6 +60,11 @@ export declare class Selection implements ISelect {
      * back to the plain window selection.
      */
     private __composedSelection;
+    /**
+     * How many ranges the browser's own selection holds right now, as opposed
+     * to the composed view that [[sel]] may answer from.
+     */
+    private __nativeRangeCount;
     /**
      * Return first selected range or create new
      */

package/types/plugins/select/select.d.ts

@@ -27,6 +27,13 @@ export declare class select extends Plugin {
     protected afterInit(jodit: IJodit): void;
     protected beforeDestruct(jodit: IJodit): void;
     private onStartSelection;
+    /**
+     * Where the last press started. Chrome reports a drag that begins in one
+     * element and ends in another as a `click` on their common ancestor, so a
+     * press inside a popup is remembered to tell such a drag from a real click.
+     */
+    private __pressTarget;
+    protected onOutsidePress(e: Event): void;
     /**
      * @event outsideClick(e) - when user clicked on the outside of editor
      */

package/types/plugins/source/editor/engines/ace.d.ts

@@ -25,6 +25,8 @@ export declare class AceEditor extends SourceEditor<AceAjax.Editor> implements I
     init(editor: IJodit): any;
     destruct(): any;
     setValue(value: string): void;
+    private __settingValue;
+    private __onChange;
     getValue(): string;
     setReadOnly(isReadOnly: boolean): void;
     get isFocused(): boolean;