jodit 4.15.6 → 4.15.8

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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * 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.6
+ * Version: v4.15.8
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/config.d.ts

@@ -1021,7 +1021,8 @@ interface Config {
          */
         fillEmptyParagraph: boolean;
         /**
-         * Remove empty elements
+         * Remove empty inline elements. Elements that in-page links can point
+         * at (anything with an `id`, and `<a>` with a `name`) are kept.
          */
         removeEmptyElements: boolean;
         /**
@@ -1042,6 +1043,16 @@ interface Config {
          * names with single quotes: `font-family: 'Open Sans', sans-serif`.
          */
         singleQuotesInFontFamily: boolean;
+        /**
+         * Browsers keep a trailing `<br>` inside a block after you type into an
+         * empty one (`<p>test<br></p>`), and the same `<br>` ends up in the
+         * editor value. It renders nothing, but confuses consumers that compare
+         * or post-process the HTML. With this option the value getter drops a
+         * `<br>` that is the last node of a block (or of the whole value)
+         * and follows other content. `<p><br></p>` and `text<br><br>` — an empty
+         * line — are kept.
+         */
+        removeTrailingBr: boolean;
         /**
          * Replace old tags to new eg. <i> to <em>, <b> to <strong>
          */

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.6";
+export const APP_VERSION = "4.15.8";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/plugins/clean-html/clean-html.d.ts

@@ -11,9 +11,6 @@
 import type { IJodit } from "../../types/index";
 import { Plugin } from "../../core/plugin/plugin";
 import "./config";
-/**
- * Clean HTML after removeFormat and insertHorizontalRule command
- */
 export declare class cleanHtml extends Plugin {
     /** @override */
     buttons: Plugin['buttons'];
@@ -50,6 +47,13 @@ export declare class cleanHtml extends Plugin {
      * survive that round trip. Names that already contain an apostrophe are
      * left alone.
      */
+    /**
+     * Drop a `<br>` that is the last node of a block (or of the value) and
+     * follows other content — the caret placeholder browsers leave behind
+     * after typing into an empty block. An empty block (`<p><br></p>`) and a
+     * deliberate empty line (`text<br><br>`) are kept.
+     */
+    private __removeTrailingBr;
     private __singleQuotesInFontFamily;
     protected onSafeHTML(sandBox: HTMLElement): void;
     /** @override */

package/esm/plugins/clean-html/clean-html.js

@@ -24,6 +24,7 @@ import { getHash, removeFormatForCollapsedSelection, removeFormatForSelection, v
 /**
  * Clean HTML after removeFormat and insertHorizontalRule command
  */
+const TRAILING_BR_BLOCKS = 'p, div, li, td, th, h1, h2, h3, h4, h5, h6, blockquote';
 export class cleanHtml extends Plugin {
     constructor() {
         super(...arguments);
@@ -107,6 +108,7 @@ export class cleanHtml extends Plugin {
      */
     onAfterGetValueFromEditor(data) {
         this.__singleQuotesInFontFamily(data);
+        this.__removeTrailingBr(data);
         if (!this.j.o.cleanHTML.collapseEmptyValueToEmptyString) {
             return;
         }
@@ -122,6 +124,41 @@ export class cleanHtml extends Plugin {
      * survive that round trip. Names that already contain an apostrophe are
      * left alone.
      */
+    /**
+     * Drop a `<br>` that is the last node of a block (or of the value) and
+     * follows other content — the caret placeholder browsers leave behind
+     * after typing into an empty block. An empty block (`<p><br></p>`) and a
+     * deliberate empty line (`text<br><br>`) are kept.
+     */
+    __removeTrailingBr(data) {
+        if (!this.j.o.cleanHTML.removeTrailingBr || !/<br/i.test(data.value)) {
+            return;
+        }
+        const box = this.j.c.div();
+        box.innerHTML = data.value;
+        const blocks = [
+            box,
+            ...box.querySelectorAll(TRAILING_BR_BLOCKS)
+        ];
+        blocks.forEach(block => {
+            var _a;
+            const last = block.lastChild;
+            if (!Dom.isTag(last, 'br')) {
+                return;
+            }
+            const prev = last.previousSibling;
+            if (!prev || Dom.isTag(prev, 'br')) {
+                return;
+            }
+            if (Dom.isText(prev) &&
+                !((_a = prev.nodeValue) === null || _a === void 0 ? void 0 : _a.trim()) &&
+                !prev.previousSibling) {
+                return;
+            }
+            Dom.safeRemove(last);
+        });
+        data.value = box.innerHTML;
+    }
     __singleQuotesInFontFamily(data) {
         if (!this.j.o.cleanHTML.singleQuotesInFontFamily ||
             !data.value.includes('&quot;')) {

package/esm/plugins/clean-html/config.d.ts

@@ -20,7 +20,8 @@ declare module 'jodit/config' {
              */
             fillEmptyParagraph: boolean;
             /**
-             * Remove empty elements
+             * Remove empty inline elements. Elements that in-page links can point
+             * at (anything with an `id`, and `<a>` with a `name`) are kept.
              */
             removeEmptyElements: boolean;
             /**
@@ -41,6 +42,16 @@ declare module 'jodit/config' {
              * names with single quotes: `font-family: 'Open Sans', sans-serif`.
              */
             singleQuotesInFontFamily: boolean;
+            /**
+             * Browsers keep a trailing `<br>` inside a block after you type into an
+             * empty one (`<p>test<br></p>`), and the same `<br>` ends up in the
+             * editor value. It renders nothing, but confuses consumers that compare
+             * or post-process the HTML. With this option the value getter drops a
+             * `<br>` that is the last node of a block (or of the whole value)
+             * and follows other content. `<p><br></p>` and `text<br><br>` — an empty
+             * line — are kept.
+             */
+            removeTrailingBr: boolean;
             /**
              * Replace old tags to new eg. <i> to <em>, <b> to <strong>
              */

package/esm/plugins/clean-html/config.js

@@ -12,6 +12,7 @@ Config.prototype.cleanHTML = {
     fillEmptyParagraph: true,
     collapseEmptyValueToEmptyString: false,
     singleQuotesInFontFamily: true,
+    removeTrailingBr: false,
     replaceNBSP: true,
     replaceOldTags: {
         i: 'em',

package/esm/plugins/clean-html/helpers/visitor/filters/try-remove-node.js

@@ -55,7 +55,17 @@ function isRemovableNode(jodit, node, current, allow, deny) {
     return (Dom.isElement(node) &&
         node.nodeName.match(IS_INLINE) != null &&
         !Dom.isTemporary(node) &&
+        !isFragmentTarget(node) &&
         trimInv(node.innerHTML).length === 0 &&
         (current == null || !Dom.isOrContains(node, current)) &&
         (liveCaret == null || !Dom.isOrContains(node, liveCaret)));
 }
+/**
+ * An element with an `id`, or an `<a>` with a `name`, is where an in-page link
+ * (`#fragment`) lands. It is usually empty (`<a name="top"></a>`), and removing
+ * it silently breaks every link that points at it.
+ */
+function isFragmentTarget(element) {
+    return (element.hasAttribute('id') ||
+        (element.nodeName === 'A' && element.hasAttribute('name')));
+}

package/esm/plugins/drag-and-drop-element/drag-and-drop-element.d.ts

@@ -50,6 +50,7 @@ export declare class dragAndDropElement extends Plugin {
      * Mouse move handler handler
      */
     private onDrag;
+    private __ghostOffset;
     /**
      * Mouseup handler in any place
      */

package/esm/plugins/drag-and-drop-element/drag-and-drop-element.js

@@ -136,6 +136,11 @@ export class dragAndDropElement extends Plugin {
             this.state = DragState.DRAGGING;
         }
         this.j.e.fire('hidePopup hideResizer');
+        // The ghost lives in the top document (position: fixed), but the
+        // mousemove comes from the editor document. In iframe mode those are
+        // different viewports, so the iframe's own offset has to be added or
+        // the ghost trails the pointer by exactly that distance (#1455).
+        const offset = this.__ghostOffset();
         if (!this.draggable.parentNode) {
             const target = dataBind(this.draggable, 'target');
             css(this.draggable, {
@@ -145,19 +150,29 @@ export class dragAndDropElement extends Plugin {
                 position: 'fixed',
                 opacity: 0.7,
                 display: 'inline-block',
-                left: event.clientX,
-                top: event.clientY,
+                left: event.clientX + offset.left,
+                top: event.clientY + offset.top,
                 width: (_a = target === null || target === void 0 ? void 0 : target.offsetWidth) !== null && _a !== void 0 ? _a : 100,
                 height: (_b = target === null || target === void 0 ? void 0 : target.offsetHeight) !== null && _b !== void 0 ? _b : 100
             });
             Dom.append(getContainer(this.j, dragAndDropElement), this.draggable);
         }
         css(this.draggable, {
-            left: event.clientX,
-            top: event.clientY
+            left: event.clientX + offset.left,
+            top: event.clientY + offset.top
         });
+        // The caret goes into the editor document, so it keeps the raw
+        // (iframe-relative) coordinates.
         this.j.s.insertCursorAtPoint(event.clientX, event.clientY);
     }
+    __ghostOffset() {
+        const iframe = this.j.iframe;
+        if (!iframe) {
+            return { left: 0, top: 0 };
+        }
+        const rect = iframe.getBoundingClientRect();
+        return { left: rect.left, top: rect.top };
+    }
     /**
      * Mouseup handler in any place
      */

package/esm/plugins/mobile/mobile.js

@@ -3,8 +3,10 @@
  * 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
  */
+import { Dom } from "../../core/dom/dom.js";
 import { pluginSystem } from "../../core/global.js";
 import { splitArray, toArray } from "../../core/helpers/index.js";
+import { isString } from "../../core/helpers/checker/is-string.js";
 import { flatButtonsSet, isButtonGroup } from "../../core/ui/helpers/buttons.js";
 import "./config.js";
 const isButtonSeparator = (item) => item === '|' || item === '---' || item === '\n';
@@ -75,6 +77,22 @@ function fitToButtons(list, editor) {
     }
     return cleaned;
 }
+/**
+ * The width that decides which breakpoint set the toolbar uses. A toolbar
+ * rendered into an external container (`toolbar` set to an element or a
+ * selector) lays out in that container, so its width is what matters there.
+ */
+function adaptiveWidth(editor) {
+    var _a;
+    const { toolbar } = editor.o;
+    if (isString(toolbar) || Dom.isHTMLElement(toolbar)) {
+        const width = editor.toolbarContainer.offsetWidth;
+        if (width) {
+            return width;
+        }
+    }
+    return ((_a = editor.container.parentElement) !== null && _a !== void 0 ? _a : editor.container).offsetWidth;
+}
 /**
  * Rebuild toolbar in depends on editor's width
  */
@@ -108,13 +126,16 @@ export function mobile(editor) {
     if (editor.o.toolbarAdaptive) {
         editor.e
             .on('resize afterInit recalcAdaptive changePlace afterAddPlace', () => {
-            var _a, _b;
+            var _a;
             if (!editor.o.toolbar) {
                 return;
             }
-            const width = ((_a = editor.container.parentElement) !== null && _a !== void 0 ? _a : editor.container).offsetWidth;
             const newStore = (() => {
-                if (editor.isFullSize || width >= editor.o.sizeLG) {
+                if (editor.isFullSize) {
+                    return splitArray(editor.o.buttons);
+                }
+                const width = adaptiveWidth(editor);
+                if (width >= editor.o.sizeLG) {
                     return splitArray(editor.o.buttons);
                 }
                 if (width >= editor.o.sizeMD) {
@@ -128,7 +149,7 @@ export function mobile(editor) {
             if (newStore.toString() !== store.toString()) {
                 store = newStore;
                 editor.e.fire('closeAllPopups');
-                (_b = editor.toolbar) === null || _b === void 0 ? void 0 : _b.setRemoveButtons(editor.o.removeButtons).build(store.concat(editor.o.extraButtons));
+                (_a = editor.toolbar) === null || _a === void 0 ? void 0 : _a.setRemoveButtons(editor.o.removeButtons).build(store.concat(editor.o.extraButtons));
             }
         })
             .on(editor.ow, 'load resize', () => editor.e.fire('recalcAdaptive'));

package/package.json

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

package/types/config.d.ts

@@ -1021,7 +1021,8 @@ interface Config {
          */
         fillEmptyParagraph: boolean;
         /**
-         * Remove empty elements
+         * Remove empty inline elements. Elements that in-page links can point
+         * at (anything with an `id`, and `<a>` with a `name`) are kept.
          */
         removeEmptyElements: boolean;
         /**
@@ -1042,6 +1043,16 @@ interface Config {
          * names with single quotes: `font-family: 'Open Sans', sans-serif`.
          */
         singleQuotesInFontFamily: boolean;
+        /**
+         * Browsers keep a trailing `<br>` inside a block after you type into an
+         * empty one (`<p>test<br></p>`), and the same `<br>` ends up in the
+         * editor value. It renders nothing, but confuses consumers that compare
+         * or post-process the HTML. With this option the value getter drops a
+         * `<br>` that is the last node of a block (or of the whole value)
+         * and follows other content. `<p><br></p>` and `text<br><br>` — an empty
+         * line — are kept.
+         */
+        removeTrailingBr: boolean;
         /**
          * Replace old tags to new eg. <i> to <em>, <b> to <strong>
          */

package/types/plugins/clean-html/clean-html.d.ts

@@ -11,9 +11,6 @@
 import type { IJodit } from "../../types/index";
 import { Plugin } from "../../core/plugin/plugin";
 import "./config";
-/**
- * Clean HTML after removeFormat and insertHorizontalRule command
- */
 export declare class cleanHtml extends Plugin {
     /** @override */
     buttons: Plugin['buttons'];
@@ -50,6 +47,13 @@ export declare class cleanHtml extends Plugin {
      * survive that round trip. Names that already contain an apostrophe are
      * left alone.
      */
+    /**
+     * Drop a `<br>` that is the last node of a block (or of the value) and
+     * follows other content — the caret placeholder browsers leave behind
+     * after typing into an empty block. An empty block (`<p><br></p>`) and a
+     * deliberate empty line (`text<br><br>`) are kept.
+     */
+    private __removeTrailingBr;
     private __singleQuotesInFontFamily;
     protected onSafeHTML(sandBox: HTMLElement): void;
     /** @override */

package/types/plugins/clean-html/config.d.ts

@@ -20,7 +20,8 @@ declare module 'jodit/config' {
              */
             fillEmptyParagraph: boolean;
             /**
-             * Remove empty elements
+             * Remove empty inline elements. Elements that in-page links can point
+             * at (anything with an `id`, and `<a>` with a `name`) are kept.
              */
             removeEmptyElements: boolean;
             /**
@@ -41,6 +42,16 @@ declare module 'jodit/config' {
              * names with single quotes: `font-family: 'Open Sans', sans-serif`.
              */
             singleQuotesInFontFamily: boolean;
+            /**
+             * Browsers keep a trailing `<br>` inside a block after you type into an
+             * empty one (`<p>test<br></p>`), and the same `<br>` ends up in the
+             * editor value. It renders nothing, but confuses consumers that compare
+             * or post-process the HTML. With this option the value getter drops a
+             * `<br>` that is the last node of a block (or of the whole value)
+             * and follows other content. `<p><br></p>` and `text<br><br>` — an empty
+             * line — are kept.
+             */
+            removeTrailingBr: boolean;
             /**
              * Replace old tags to new eg. <i> to <em>, <b> to <strong>
              */

package/types/plugins/drag-and-drop-element/drag-and-drop-element.d.ts

@@ -50,6 +50,7 @@ export declare class dragAndDropElement extends Plugin {
      * Mouse move handler handler
      */
     private onDrag;
+    private __ghostOffset;
     /**
      * Mouseup handler in any place
      */