jodit 4.15.8 → 4.15.10

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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8
+ * Version: v4.15.10
  * 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.15.8";
+export const APP_VERSION = "4.15.10";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

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

@@ -216,6 +216,17 @@ export declare class Selection implements ISelect {
      * @param inward - select all inside
      */
     select(node: Node | HTMLElement | HTMLTableElement | HTMLTableCellElement, inward?: boolean): this;
+    /**
+     * The outermost `contenteditable="false"` ancestor of the node inside the
+     * editable area, if there is one.
+     *
+     * A range can be put inside such an island (e.g. on an `<img>` wrapped in a
+     * `<picture contenteditable="false">`), but the browser cannot place a caret
+     * there: the arrow keys then have nothing to move from and the selection
+     * cannot be escaped. Selecting the island itself keeps the range in editable
+     * content, so the caret can step over it. See #1184
+     */
+    private __closestNotEditable;
     /**
      * Return current selected HTML
      * @example

package/esm/core/selection/selection.js

@@ -971,10 +971,33 @@ export class Selection {
         if (!Dom.up(node, (elm) => elm === this.area || (elm && elm.parentNode === this.area), this.area)) {
             throw error('Node element must be in editor');
         }
+        const target = (!inward && this.__closestNotEditable(node)) || node;
         const range = this.createRange();
-        range[inward || node === this.area ? 'selectNodeContents' : 'selectNode'](node);
+        range[inward || target === this.area ? 'selectNodeContents' : 'selectNode'](target);
         return this.selectRange(range);
     }
+    /**
+     * The outermost `contenteditable="false"` ancestor of the node inside the
+     * editable area, if there is one.
+     *
+     * A range can be put inside such an island (e.g. on an `<img>` wrapped in a
+     * `<picture contenteditable="false">`), but the browser cannot place a caret
+     * there: the arrow keys then have nothing to move from and the selection
+     * cannot be escaped. Selecting the island itself keeps the range in editable
+     * content, so the caret can step over it. See #1184
+     */
+    __closestNotEditable(node) {
+        const { area } = this;
+        let result = null, elm = node.parentNode;
+        while (elm && elm !== area && area.contains(elm)) {
+            if (Dom.isElement(elm) &&
+                elm.getAttribute('contenteditable') === 'false') {
+                result = elm;
+            }
+            elm = elm.parentNode;
+        }
+        return result;
+    }
     /**
      * Return current selected HTML
      * @example

package/esm/jodit.d.ts

@@ -242,6 +242,12 @@ export declare class Jodit extends ViewWithToolbar implements IJodit, Dlgs {
      * If some plugin changes the DOM directly, then you need to update the content of the original element
      */
     protected updateElementValue(): void;
+    /**
+     * In inline mode the source element is the editor container, so its
+     * `innerHTML` is the editor's own markup rather than the value. Keep the
+     * value last synchronised to it here instead.
+     */
+    private __inlineElementValue;
     /**
      * Return source element value
      */

package/esm/jodit.js

@@ -468,6 +468,10 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
      * Return source element value
      */
     getElementValue() {
+        if (this.element === this.container &&
+            this.__inlineElementValue !== undefined) {
+            return this.__inlineElementValue;
+        }
         return this.element.value !== undefined
             ? this.element.value
             : this.element.innerHTML;
@@ -476,8 +480,11 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
         if (!isString(value)) {
             throw error('value must be string');
         }
-        if (this.element !== this.container &&
-            value !== this.getElementValue()) {
+        if (this.element === this.container) {
+            this.__inlineElementValue = value;
+            return;
+        }
+        if (value !== this.getElementValue()) {
             const data = { value };
             const res = this.e.fire('beforeSetElementValue', data);
             callPromise(res, () => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.15.8",
+	"version": "4.15.10",
 	"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

@@ -216,6 +216,17 @@ export declare class Selection implements ISelect {
      * @param inward - select all inside
      */
     select(node: Node | HTMLElement | HTMLTableElement | HTMLTableCellElement, inward?: boolean): this;
+    /**
+     * The outermost `contenteditable="false"` ancestor of the node inside the
+     * editable area, if there is one.
+     *
+     * A range can be put inside such an island (e.g. on an `<img>` wrapped in a
+     * `<picture contenteditable="false">`), but the browser cannot place a caret
+     * there: the arrow keys then have nothing to move from and the selection
+     * cannot be escaped. Selecting the island itself keeps the range in editable
+     * content, so the caret can step over it. See #1184
+     */
+    private __closestNotEditable;
     /**
      * Return current selected HTML
      * @example

package/types/jodit.d.ts

@@ -242,6 +242,12 @@ export declare class Jodit extends ViewWithToolbar implements IJodit, Dlgs {
      * If some plugin changes the DOM directly, then you need to update the content of the original element
      */
     protected updateElementValue(): void;
+    /**
+     * In inline mode the source element is the editor container, so its
+     * `innerHTML` is the editor's own markup rather than the value. Keep the
+     * value last synchronised to it here instead.
+     */
+    private __inlineElementValue;
     /**
      * Return source element value
      */