jodit 4.18.2 → 4.18.4

package/types/core/helpers/utils/index.d.ts

@@ -28,6 +28,7 @@ export * from "./is-unsafe-proto-key";
 export * from "./mark-deprecated";
 export * from "./media-wrapper";
 export * from "./parse-query";
+export * from "./prepare-media";
 export * from "./print";
 export * from "./reset";
 export * from "./scroll-into-view";

package/types/core/helpers/utils/prepare-media.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 helpers/utils
+ */
+import type { IJodit } from "../../../types/index";
+/**
+ * Puts new media in its wrapper (see `mediaWrappers`) and aligns it with
+ * `mediaDefaultAlign`. Returns the wrapper, or `element` when there is none
+ */
+export declare function prepareMedia(jodit: IJodit, element: HTMLElement): HTMLElement;
+/**
+ * Embed code that is one element is prepared as media (see `prepareMedia`);
+ * other code is returned as it is
+ */
+export declare function prepareEmbedCode(jodit: IJodit, code: string): string | HTMLElement;

package/types/langs/ar.d.ts

@@ -213,5 +213,12 @@ declare const _exports: {
     spellcheck: string;
     'Speech Recognize': string;
     All: string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
 };
 export = _exports;

package/types/langs/az.d.ts

@@ -219,5 +219,12 @@ 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;
 };
 export = _exports;

package/types/langs/cs_cz.d.ts

@@ -211,5 +211,12 @@ 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;
 };
 export = _exports;

package/types/langs/de.d.ts

@@ -215,5 +215,12 @@ 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;
 };
 export = _exports;

package/types/langs/es.d.ts

@@ -215,5 +215,12 @@ 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;
 };
 export = _exports;

package/types/langs/fa.d.ts

@@ -210,5 +210,12 @@ 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;
 };
 export = _exports;

package/types/langs/fi.d.ts

@@ -216,5 +216,12 @@ declare const _exports: {
     'Press Alt for custom resizing': string;
     'Class name': string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
 };
 export = _exports;

package/types/langs/fr.d.ts

@@ -210,5 +210,12 @@ declare const _exports: {
     Edit: string;
     All: string;
     'License: %s': string;
+    'Video properties': string;
+    'Audio properties': string;
+    Poster: string;
+    Autoplay: string;
+    Loop: string;
+    Muted: string;
+    Controls: string;
 };
 export = _exports;

package/types/langs/he.d.ts

@@ -210,5 +210,12 @@ 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;
 };
 export = _exports;

package/types/langs/hu.d.ts

@@ -212,5 +212,12 @@ 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;
 };
 export = _exports;

package/types/langs/id.d.ts

@@ -211,5 +211,12 @@ 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;
 };
 export = _exports;

package/types/langs/it.d.ts

@@ -215,5 +215,12 @@ 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;
 };
 export = _exports;

package/types/langs/ja.d.ts

@@ -215,5 +215,12 @@ 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;
 };
 export = _exports;

package/types/langs/ko.d.ts

@@ -209,5 +209,12 @@ 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;
 };
 export = _exports;

package/types/langs/mn.d.ts

@@ -210,5 +210,12 @@ 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;
 };
 export = _exports;

package/types/langs/nl.d.ts

@@ -211,5 +211,12 @@ 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;
 };
 export = _exports;

package/types/langs/no.d.ts

@@ -219,5 +219,12 @@ 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;
 };
 export = _exports;

package/types/langs/pl.d.ts

@@ -210,5 +210,12 @@ 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;
 };
 export = _exports;

package/types/langs/pt_br.d.ts

@@ -215,5 +215,12 @@ 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;
 };
 export = _exports;

package/types/langs/ru.d.ts

@@ -209,5 +209,12 @@ 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;
 };
 export = _exports;

package/types/langs/sk.d.ts

@@ -217,5 +217,12 @@ 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;
 };
 export = _exports;

package/types/langs/sv.d.ts

@@ -218,5 +218,12 @@ 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;
 };
 export = _exports;

package/types/langs/tr.d.ts

@@ -210,5 +210,12 @@ 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;
 };
 export = _exports;

package/types/langs/ua.d.ts

@@ -209,5 +209,12 @@ 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;
 };
 export = _exports;

package/types/langs/zh_cn.d.ts

@@ -211,5 +211,12 @@ 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;
 };
 export = _exports;

package/types/langs/zh_tw.d.ts

@@ -210,5 +210,12 @@ 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;
 };
 export = _exports;

package/types/modules/history/history.d.ts

@@ -21,7 +21,8 @@ declare module 'jodit/config' {
              */
             maxHistoryLength: number;
             /**
-             * Delay on every change
+             * How long a step stays open after its first change, in
+             * milliseconds. The changes made in that time are undone together.
              */
             timeout: number;
         };
@@ -52,15 +53,29 @@ export declare class History extends ViewComponent<IJodit> implements IHistory {
     snapshot: ISnapshot & IDestructible;
     constructor(editor: IJodit, stack?: Stack, snapshot?: Snapshot);
     private updateTick;
+    /**
+     * A step is open: changes have come in that are not in the stack yet
+     */
+    private __hasPendingChanges;
+    /**
+     * Records the open step `history.timeout` after its first change
+     */
+    private __timer;
     /**
      * Update change counter
      * @internal
      */
     protected __upTick(): void;
     /**
-     * Push new command in stack on some changes
+     * Push new command in stack on some changes. The first change opens a
+     * step, and later ones join it until `history.timeout` has passed,
+     * however close together they come.
      */
     private onChange;
+    /**
+     * Push the open step's changes now
+     */
+    private __processPendingChanges;
     /**
      * @internal
      */

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

@@ -40,6 +40,13 @@ export declare class cleanHtml extends Plugin {
     protected onBeforeSetNativeEditorValue(data: {
         value: string;
     }): boolean;
+    /**
+     * Replace old tags (`<b>` with `<strong>`, `<i>` with `<em>`) in an
+     * assigned value straight away. The walker would get to them only after
+     * every node before them, seconds later on a long document, and until
+     * then Bold does not treat `<b>` as bold, and the swap can move the caret.
+     */
+    private __replaceOldTags;
     /**
      * Collapse a value that holds only a single empty block (e.g.
      * `<p><br></p>` left after deleting all content) to an empty string —

package/types/plugins/dtd/before-insert/check-block-nesting.d.ts

@@ -10,7 +10,8 @@
 import type { IJodit, Nullable } from "../../../types/index";
 /**
  * Checks whether the insertion of an element at the current location is allowed,
- * if it is not allowed, it deletes an empty block element or moves the cursor after it
+ * if it is not allowed, it deletes an empty block element, moves the cursor
+ * before or after it, or splits it at the cursor
  * @internal
  */
 export declare function checkBlockNesting(jodit: IJodit, node: Nullable<Node>): void;

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

@@ -20,6 +20,11 @@ export declare class inlinePopup extends Plugin {
     private get popup();
     private get toolbar();
     private onClick;
+    /**
+     * The box the popup opens beside: the target's, with room for the
+     * resizer's handles when the target gets them, so it doesn't cover them
+     */
+    private __bound;
     /**
      * Show inline popup with some toolbar
      *

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

@@ -28,7 +28,8 @@ declare module 'jodit/config' {
          * - is wrapped in it instead of the editor-only `mediaFakeTag` when its tag
          * is one of `mediaBlocks`, or left in it when it's already in one
          * - goes in inside it when the video popup inserts it, as an upload, a
-         * link's embed or embed code that is one element
+         * link's embed or embed code that is one element, and when a pasted
+         * video link is turned into its embed
          * - opens the media popup for its wrapper when clicked, whose Align and
          * Delete act on the wrapper
          *

package/types/plugins/paste/helpers.d.ts

@@ -8,6 +8,14 @@
  */
 import type { IDialog, IJodit, InsertMode, IUIOption, Nullable } from "../../types/index";
 import type { PasteEvent } from "./interface";
+/**
+ * Google Docs wraps the copied content in
+ * `<b style="font-weight:normal;" id="docs-internal-guid-…">`. Kept, the
+ * wrapper holds the pasted blocks, and without its style it makes the whole
+ * paste bold
+ * @private
+ */
+export declare function removeGoogleDocsWrapper(html: string): string;
 /**
  * One insert point for clipboard plugins
  * @private

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;
@@ -46,6 +52,10 @@ export declare class resizer extends Plugin {
     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

@@ -52,10 +52,20 @@ export declare class selectCells extends Plugin {
      * Execute custom commands for table
      */
     private onExecCommand;
+    /**
+     * The cell that takes the caret when rows or columns are deleted: the next
+     * one in the same column (or row) that is not deleted, else the previous one
+     */
+    private __nearestCell;
     /**
      * Add some align after native command
      */
     private onAfterCommand;
+    /**
+     * Remove the table and put the caret where it stood: at the start of what
+     * follows it, else at the end of what precedes it
+     */
+    private __removeTable;
     /** @override */
     protected beforeDestruct(jodit: IJodit): void;
 }

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;