jodit 4.18.3 → 4.18.6

package/types/langs/ja.d.ts

@@ -215,5 +215,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/ko.d.ts

@@ -209,5 +209,15 @@ declare const _exports: {
     'Find Next': string;
     'Insert className': string;
     'Press Alt for custom resizing': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/mn.d.ts

@@ -210,5 +210,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/nl.d.ts

@@ -211,5 +211,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/no.d.ts

@@ -219,5 +219,15 @@ declare const _exports: {
     Quadrate: string;
     'Find Previous': string;
     'Find Next': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/pl.d.ts

@@ -210,5 +210,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/pt_br.d.ts

@@ -215,5 +215,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/ru.d.ts

@@ -209,5 +209,15 @@ declare const _exports: {
     'Find Next': string;
     'Insert className': string;
     'Press Alt for custom resizing': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/sk.d.ts

@@ -217,5 +217,15 @@ declare const _exports: {
     'Edit image': string;
     'Tiles view': string;
     'List view': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/sv.d.ts

@@ -218,5 +218,15 @@ declare const _exports: {
     'Embed code': string;
     All: string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/tr.d.ts

@@ -210,5 +210,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/ua.d.ts

@@ -209,5 +209,15 @@ declare const _exports: {
     'Find Next': string;
     'Insert className': string;
     'Press Alt for custom resizing': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/zh_cn.d.ts

@@ -211,5 +211,15 @@ declare const _exports: {
     'Insert className': string;
     'Press Alt for custom resizing': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/langs/zh_tw.d.ts

@@ -210,5 +210,15 @@ declare const _exports: {
     'Press Alt for custom resizing': string;
     Edit: string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
+    'Start at...': string;
+    'Start numbering at': string;
+    'Number for the first item': string;
 };
 export = _exports;

package/types/modules/dialog/dialog.d.ts

@@ -48,6 +48,13 @@ export declare class Dialog extends ViewWithToolbar implements IDialog {
      */
     private minSize;
     private __onResizerMouseDown;
+    /**
+     * The width `box` takes with its content on one line. The header and
+     * footer are flex rows as wide as the dialog, so the footer's
+     * `scrollWidth` was the dialog's width and kept it from getting any
+     * narrower
+     */
+    private __contentWidth;
     private __addGlobalResizeListeners;
     private __removeGlobalResizeListeners;
     OPTIONS: IDialogOptions;

package/types/modules/table/table.d.ts

@@ -15,6 +15,12 @@ export declare class Table extends ViewComponent<IJodit> {
     className(): string;
     private selected;
     private static __selectedByTable;
+    /**
+     * Rewrite the `<style>` that marks the selected cells once for all the
+     * cells (un)selected in one go: a drag over a block of cells unmarks and
+     * marks every one of them on each move. `@debounce()` was never applied,
+     * as a Table never reaches `ready`
+     */
     private __recalculateStyles;
     addSelection(td: HTMLTableCellElement): void;
     removeSelection(td: HTMLTableCellElement): void;

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

@@ -23,6 +23,14 @@ export declare class cleanHtml extends Plugin {
      */
     protected onChangeCleanHTML(): void;
     private currentSelectionNode;
+    /**
+     * Typing into an empty block (`<p><br></p>`) replaces its `<br>`, but the
+     * browser keeps the `<br>` when the caret is in an invisible-space text
+     * node in front of it, as Jodit leaves the caret in many of the empty
+     * blocks it makes (a cleared editor, a heading in an empty table cell).
+     * See #1632
+     */
+    protected onInputRemovePlaceholderBr(event: InputEvent | CompositionEvent): void;
     private walker;
     protected startWalker(): void;
     protected beforeCommand(command: string): void | false;

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

@@ -10,4 +10,5 @@ export * from "./get-hash";
 export * from "./is-allowed-media-embed";
 export * from "./remove-format/remove-format-for-collapsed-selection";
 export * from "./remove-format/remove-format-for-selection";
+export * from "./remove-placeholder-br";
 export * from "./visitor/visit-node-walker";

package/types/plugins/clean-html/helpers/remove-placeholder-br.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */
+/**
+ * @module plugins/clean-html
+ */
+import type { IJodit } from "../../../types/index";
+/**
+ * Remove the `<br>` that kept the block with the caret open while it was
+ * empty, once text has gone into the block: when the block is one line of
+ * text that ends in that `<br>`, the `<br>` adds nothing to it
+ * @private
+ */
+export declare function removePlaceholderBr(jodit: IJodit): void;

package/types/plugins/delete/delete.d.ts

@@ -20,13 +20,23 @@ export declare class deleteCommand extends Plugin {
      */
     private __afterDeleteCommand;
     private __onDeleteCommand;
+    /**
+     * A selection that starts or ends in a table cell clears the selected part
+     * of each cell it covers and keeps the cells, as the browsers do.
+     * `deleteContents` would remove the cells it fully covers, and the cells
+     * it cuts would then be merged as blocks. The range is moved out of those
+     * tables, so only the content between them is left to delete.
+     *
+     * Returns where the caret goes, or null when no table is involved
+     */
+    private __clearSelectedCells;
     private __moveContentInLeftSibling;
     /**
      * If left sibling is list - return last leaf
      */
     private __defineRightLeftBox;
     /**
-     * Add BR in empty blocks left and right(for table cell)
+     * Add BR in the empty block left at the caret
      */
     private __addBrInEmptyBlock;
     private __moveCursorInEditableSibling;

package/types/plugins/iframe/config.d.ts

@@ -37,6 +37,9 @@ declare module 'jodit/config' {
         iframeDoctype: string;
         /**
          * Custom style to be used inside the iframe to display content.
+         * It goes in after `iframeCSSLinks`. The rules Jodit's own plugins need
+         * in the editing document are added apart from it, so a value of your
+         * own doesn't have to repeat them.
          *
          * ```javascript
          * Jodit.make('#editor', {

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

@@ -25,7 +25,10 @@ export declare class imageProcessor extends Plugin {
     }): 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
+     * paints the rest of a block image's line with its parent's highlight. See #1528.
+     * Media in a wrapper (`jodit-media`, the resizer's `jodit` for an embed, or
+     * one from `mediaWrappers`) isn't highlighted either, as Safari paints its
+     * wrapper's whole line, and its resize frame shows it's selected
      */
     private onSelectionChange;
     protected afterChange(data: {

package/types/plugins/image-properties/readers/align.d.ts

@@ -6,9 +6,9 @@
 /**
  * @module plugins/image-properties
  */
-import type { ImageAlignClasses, Nullable } from "../../../types/index";
+import type { HAlignClasses, Nullable } from "../../../types/index";
 import type { EditValues } from "../interface";
 /**
  * @private
  */
-export declare function readAlign(image: HTMLImageElement, values: EditValues, classes?: Nullable<ImageAlignClasses>): void;
+export declare function readAlign(image: HTMLImageElement, values: EditValues, classes?: Nullable<HAlignClasses>): void;

package/types/plugins/index.d.ts

@@ -68,6 +68,7 @@ import "./table/table";
 import "./table-keyboard-navigation/table-keyboard-navigation";
 import "./toolbar-navigation/toolbar-navigation";
 import "./video/video";
+import "./video-properties/video-properties";
 import "./wrap-nodes/wrap-nodes";
 import "./dtd/dtd";
 import "./xpath/xpath";

package/types/plugins/inline-popup/config/items/iframe.d.ts

@@ -6,10 +6,18 @@
 /**
  * @module plugins/inline-popup
  */
-import type { IJodit } from "../../../../types/index";
+import type { IJodit, Nullable } from "../../../../types/index";
 declare const _default: (import("../../../../types/index").IControlType<IJodit, import("../../../../types/index").IToolbarButton> | {
+    name: string;
+    icon: string;
+    tooltip: string;
+    popup: (editor: IJodit, target: Nullable<Node>, close: () => void) => HTMLElement | void;
+    exec?: undefined;
+} | {
     name: string;
     tooltip: string;
     exec: (editor: IJodit, image: HTMLImageElement) => void;
+    icon?: undefined;
+    popup?: undefined;
 })[];
 export default _default;

package/types/plugins/inline-popup/inline-popup.d.ts

@@ -37,6 +37,17 @@ export declare class inlinePopup extends Plugin {
      */
     private hidePopup;
     protected onOutsideClick(): void;
+    /**
+     * A key that moves the caret off an element closes its popup, and one
+     * that moves the caret into an element with a popup (a link) opens it,
+     * as clicks do
+     */
+    protected onKeyUp(): void;
+    private __followCaret;
+    /**
+     * The element with a popup that holds `node`
+     */
+    private __elementAt;
     /**
      * Can show popup for this type
      */
@@ -53,6 +64,13 @@ export declare class inlinePopup extends Plugin {
      * while the selection is still there. See #1238
      */
     private __reopenSelectionPopup;
+    /**
+     * The alignment controls fire `recalcPositionPopup` once they have moved
+     * the element, and their button then fires `closeAllPopups`. The popup
+     * opens again beside the element, as the selection toolbar does
+     */
+    private __reopenFor;
+    protected onRecalcPositionPopup(): void;
     private __onDocumentMouseDown;
     private __onCloseAllPopups;
     /**
@@ -64,6 +82,7 @@ export declare class inlinePopup extends Plugin {
     private __selectionBound;
     private snapRange;
     private onSelectionStart;
+    private __keyDownElement;
     private onSelectionEnd;
     /**
      * Selection change handler

package/types/plugins/ordered-list/start-dialog.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */
+/**
+ * @module plugins/ordered-list
+ */
+import type { IJodit, Nullable } from "../../types/index";
+/**
+ * The numbered list the selection is in
+ */
+export declare function closestOrderedList(jodit: IJodit): Nullable<HTMLOListElement>;
+/**
+ * Asks for the number of the first item of the list the selection is in,
+ * and sets the list's `start`. The selection is put back when the dialog
+ * closes, however it closes.
+ */
+export declare function openStartDialog(jodit: IJodit): void;

package/types/plugins/resizer/config.d.ts

@@ -10,7 +10,7 @@ import type { HTMLTagNames } from "../../types/index";
 declare module 'jodit/config' {
     interface Config {
         /**
-         * Set of HTML tag names whose elements can be resized by the user via drag handles (e.g. images, iframes, tables)
+         * Set of HTML tag names whose elements can be resized by the user via drag handles (e.g. images, iframes, tables, videos)
          */
         allowResizeTags: Set<HTMLTagNames>;
         resizer: {
@@ -23,14 +23,16 @@ declare module 'jodit/config' {
              * Save width and height proportions when resizing
              * ```js
              * Jodit.make('#editor', {
-             *   allowResizeTags: ['img', 'iframe', 'table', 'jodit'],
+             *   allowResizeTags: new Set(['img', 'iframe', 'table', 'jodit', 'video']),
              *   resizer: {
              *     useAspectRatio: false, // don't save,
-             *     useAspectRatio: ['img'], // save only for images (default value)
+             *     useAspectRatio: new Set(['img']), // save only for images
              *     useAspectRatio: true // save for all
              *   }
              * });
              * ```
+             * Images and videos keep it by default. A video with no height of its
+             * own keeps it by being given only a width.
              */
             useAspectRatio: boolean | Set<HTMLTagNames>;
             /**

package/types/plugins/resizer/resizer.d.ts

@@ -26,6 +26,7 @@ export declare class resizer extends Plugin {
     private height;
     private ratio;
     private rect;
+    private layer;
     private sizeViewer;
     /** @override */
     protected afterInit(editor: IJodit): void;
@@ -33,6 +34,11 @@ export declare class resizer extends Plugin {
      * Click in the editor area
      */
     protected onEditorClick(e: MouseEvent): void;
+    /**
+     * What a click on `node` resizes: the media in it when it's a media
+     * wrapper (`jodit-media`, or one from `mediaWrappers`), or `node` itself
+     */
+    private __resizable;
     protected __afterInsertImage(image: HTMLImageElement): void;
     private addEventListeners;
     private onStartResizing;
@@ -40,12 +46,26 @@ export declare class resizer extends Plugin {
     private pointerX;
     private pointerY;
     private onResize;
+    private __keyDownRange;
+    private __keyDownTable;
+    private onEditorKeyDown;
+    private __caretTable;
+    /**
+     * Hide the frame once a key has moved the caret off its element, and
+     * frame a table the caret has moved into, as clicks do
+     */
+    protected onEditorKeyUp(): void;
+    private __followCaret;
     private isAltMode;
     private onKeyDown;
     private onKeyUp;
     private onClickOutside;
     private getWorkplacePosition;
     private applySize;
+    /**
+     * The framed element can go with a wrapper round it, keeping its parent
+     */
+    private get isElementInEditor();
     private onDelete;
     private __onChangeEditor;
     /**

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

@@ -18,6 +18,29 @@ export declare class selectCells extends Plugin {
      */
     private get __tableModule();
     protected afterInit(jodit: IJodit): void;
+    /**
+     * The cell with the caret, and the selection, when a key went down
+     */
+    private __keyDownCell;
+    private __keyDownRange;
+    private __onKeyDown;
+    /**
+     * A link's popup replaces the cell's while the caret is in the link
+     */
+    private __keyDownInLink;
+    private __isInLink;
+    /**
+     * Where the selection starts rather than `s.current()`, which finds the
+     * first cell when the caret is just before the table
+     */
+    private __caretCell;
+    /**
+     * A key that moves the caret into a cell, from another cell or from
+     * outside the table, marks that cell and opens its popup, as a click on
+     * it does. One that moves the caret out of the table unmarks the cells
+     */
+    protected onKeyUp(): void;
+    private __followCaret;
     /**
      * First selected cell
      */

package/types/plugins/video/config.d.ts

@@ -53,3 +53,9 @@ declare module 'jodit/config' {
         };
     }
 }
+/**
+ * The video popup's tabs: Upload, when the uploader is configured, then Link
+ * and Code. `insert` runs what a tab inserts, which by default goes in at the
+ * selection the popup was opened with.
+ */
+export declare function videoTabs(jodit: IJodit, close: () => void, insert?: (run: () => void) => void): HTMLElement;

package/types/plugins/video-properties/interface.d.ts

@@ -0,0 +1,31 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */
+/**
+ * @module plugins/video-properties
+ */
+export type EditedMedia = HTMLVideoElement | HTMLAudioElement | HTMLIFrameElement;
+export interface VideoPropertiesValues {
+    width: number | string;
+    height: number | string;
+    poster: string;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    controls: boolean;
+}
+export interface VideoPropertiesState {
+    /**
+     * What the dialog was opened for: the media, or a wrapper round it
+     */
+    target: HTMLElement;
+    media: EditedMedia;
+    ratio: number;
+    sizeIsLocked: boolean;
+    values: VideoPropertiesValues;
+}
+export interface VideoPropertiesAPI {
+    openPosterPopup: (target: HTMLElement) => void;
+}

package/types/plugins/video-properties/readers.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */
+/**
+ * @module plugins/video-properties
+ */
+import type { Nullable } from "../../types/index";
+import type { EditedMedia, VideoPropertiesState } from "./interface";
+/**
+ * The media `target` is, or holds as its wrapper (`jodit-media`, the resizer's
+ * `jodit` for an embed, or one from `mediaWrappers`)
+ * @private
+ */
+export declare function editedMedia(target: HTMLElement): Nullable<EditedMedia>;
+/**
+ * The size `media` is given, inline or by its attribute
+ * @private
+ */
+export declare function ownSize(media: EditedMedia, key: 'width' | 'height'): string;
+/**
+ * Read the media's values into the state
+ * @private
+ */
+export declare function readValues(state: VideoPropertiesState): void;

package/types/plugins/video-properties/replace.d.ts

@@ -0,0 +1,15 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * 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
+ */
+/**
+ * @module plugins/video-properties
+ */
+import type { IJodit } from "../../types/index";
+/**
+ * Run `insert`, which inserts media at the cursor, with the cursor after
+ * `replaced`, and put what it inserts in place of `replaced`
+ * @private
+ */
+export declare function replaceMedia(j: IJodit, replaced: HTMLElement, insert: () => void): void;