jodit 4.16.0 → 4.16.1

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

package/esm/plugins/iframe/config.js

@@ -69,6 +69,10 @@ Config.prototype.iframeStyle =
         'display: block;' +
         'background: rgba(0, 0, 0, 0);' +
         '} ' +
+        '.jodit-wysiwyg_image-selected::selection,' +
+        '.jodit-wysiwyg_image-selected *:not(img)::selection{' +
+        'background:transparent' +
+        '}' +
         '.jodit_disabled{' +
         'user-select: none;' +
         '-o-user-select: none;' +

package/esm/plugins/image-processor/image-processor.d.ts

@@ -23,6 +23,11 @@ export declare class imageProcessor extends Plugin {
     protected onBeforeSetElementValue(data: {
         value: string;
     }): void;
+    /**
+     * While the selection is an image, only the image is highlighted: Safari
+     * paints the rest of a block image's line with its parent's highlight. See #1528
+     */
+    private onSelectionChange;
     protected afterChange(data: {
         value: string;
     }): Promise<void>;

package/esm/plugins/image-processor/image-processor.js

@@ -14,7 +14,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { INVISIBLE_SPACE_REG_EXP, SOURCE_CONSUMER } from "../../core/constants.js";
-import { cached, debounce, watch } from "../../core/decorators/index.js";
+import { autobind, cached, debounce, watch } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { $$, dataBind } from "../../core/helpers/index.js";
@@ -23,12 +23,17 @@ import { dataURItoBlob } from "../../modules/uploader/helpers/data-uri-to-blob.j
 import "./config.js";
 const JODIT_IMAGE_PROCESSOR_BINDED = '__jodit_imageprocessor_binded';
 const JODIT_IMAGE_BLOB_ID = JODIT_IMAGE_PROCESSOR_BINDED + 'blob-id';
+const IMAGE_SELECTED = 'jodit-wysiwyg_image-selected';
 /**
  * Change editor's size after load all images
  */
 export class imageProcessor extends Plugin {
-    afterInit(jodit) { }
+    afterInit(jodit) {
+        jodit.e.on(jodit.ed, 'selectionchange', this.onSelectionChange);
+    }
     beforeDestruct(jodit) {
+        jodit.e.off(jodit.ed, 'selectionchange', this.onSelectionChange);
+        jodit.editor.classList.remove(IMAGE_SELECTED);
         const buffer = cached(jodit, 'buffer');
         const list = buffer === null || buffer === void 0 ? void 0 : buffer.get(JODIT_IMAGE_BLOB_ID);
         if (buffer && list) {
@@ -59,6 +64,14 @@ export class imageProcessor extends Plugin {
             }
         }
     }
+    /**
+     * While the selection is an image, only the image is highlighted: Safari
+     * paints the rest of a block image's line with its parent's highlight. See #1528
+     */
+    onSelectionChange() {
+        const { jodit } = this;
+        jodit.editor.classList.toggle(IMAGE_SELECTED, isImageSelected(jodit));
+    }
     async afterChange(data) {
         const { jodit: editor } = this;
         if (!editor.editor) {
@@ -91,10 +104,24 @@ __decorate([
 __decorate([
     watch(':beforeSetElementValue')
 ], imageProcessor.prototype, "onBeforeSetElementValue", null);
+__decorate([
+    autobind
+], imageProcessor.prototype, "onSelectionChange", null);
 __decorate([
     watch([':change', ':afterInit', ':changePlace']),
     debounce()
 ], imageProcessor.prototype, "afterChange", null);
+function isImageSelected(jodit) {
+    const { sel } = jodit.s;
+    if (!sel || !sel.rangeCount) {
+        return false;
+    }
+    const { startContainer, startOffset, endContainer, endOffset } = sel.getRangeAt(0);
+    return (startContainer === endContainer &&
+        endOffset === startOffset + 1 &&
+        Dom.isTag(startContainer.childNodes[startOffset], 'img') &&
+        Dom.isOrContains(jodit.editor, startContainer));
+}
 /**
  * Remove the invisible-space text beside an image, which only held a caret.
  * Selecting the image replaces the caret, and with the text still after a

package/esm/plugins/source/source.js

@@ -271,13 +271,9 @@ export class source extends Plugin {
                         return;
                     }
                     loading = true;
-                    loadNext(editor, editor.o.beautifyHTMLCDNUrlsJS).then(() => {
-                        // The source view was filled before the
-                        // beautifier arrived — format it now.
-                        if (addEventListener()) {
-                            this.syncValueFromWYSIWYG(true);
-                        }
-                    }, () => null);
+                    // It formats the source view from the next time it opens:
+                    // filling it again now would replace what was typed there
+                    loadNext(editor, editor.o.beautifyHTMLCDNUrlsJS).then(addEventListener, () => null);
                 };
                 editor.e.on('afterSetMode.source', loadBeautify);
                 loadBeautify();

package/package.json

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

package/types/plugins/image-processor/image-processor.d.ts

@@ -23,6 +23,11 @@ export declare class imageProcessor extends Plugin {
     protected onBeforeSetElementValue(data: {
         value: string;
     }): void;
+    /**
+     * While the selection is an image, only the image is highlighted: Safari
+     * paints the rest of a block image's line with its parent's highlight. See #1528
+     */
+    private onSelectionChange;
     protected afterChange(data: {
         value: string;
     }): Promise<void>;