jodit 4.2.39 → 4.2.41

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

@@ -3,4 +3,33 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+declare module 'jodit/config' {
+    interface Config {
+        video: {
+            /**
+             * Custom function for parsing video URL to embed code
+             * ```javascript
+             * Jodit.make('#editor', {
+             * 		video: {
+             * 			// Defaul behavior
+             * 			parseUrlToVideoEmbed: (url, size) => Jodit.modules.Helpers.convertMediaUrlToVideoEmbed(url, size)
+             * 		}
+             * });
+             * ```
+             */
+            parseUrlToVideoEmbed?: (url: string, { width, height }?: {
+                width?: number;
+                height?: number;
+            }) => string;
+            /**
+             * Default width for video iframe. Default: 400
+             */
+            defaultWidth?: number;
+            /**
+             * Default height for video iframe. Default: 345
+             */
+            defaultHeight?: number;
+        };
+    }
+}
 export {};

package/esm/plugins/video/config.js

@@ -3,19 +3,24 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-import { convertMediaUrlToVideoEmbed } from "../../core/helpers/index.js";
+import { call, convertMediaUrlToVideoEmbed } from "../../core/helpers/index.js";
 import { Button } from "../../core/ui/button/index.js";
 import { UIBlock, UIForm, UIInput, UITextArea } from "../../core/ui/form/index.js";
 import { Icon } from "../../core/ui/icon.js";
 import { Config } from "../../config.js";
 import { TabsWidget } from "../../modules/widget/index.js";
 import videoIcon from "./video.svg.js";
+Config.prototype.video = {
+    parseUrlToVideoEmbed: convertMediaUrlToVideoEmbed,
+    defaultWidth: 400,
+    defaultHeight: 345
+};
 Icon.set('video', videoIcon);
 Config.prototype.controls.video = {
-    popup: (editor, current, close) => {
-        const formLink = new UIForm(editor, [
-            new UIBlock(editor, [
-                new UIInput(editor, {
+    popup: (jodit, current, close) => {
+        const formLink = new UIForm(jodit, [
+            new UIBlock(jodit, [
+                new UIInput(jodit, {
                     name: 'url',
                     required: true,
                     label: 'URL',
@@ -23,26 +28,26 @@ Config.prototype.controls.video = {
                     validators: ['url']
                 })
             ]),
-            new UIBlock(editor, [
-                Button(editor, '', 'Insert', 'primary').onAction(() => formLink.submit())
+            new UIBlock(jodit, [
+                Button(jodit, '', 'Insert', 'primary').onAction(() => formLink.submit())
             ])
-        ]), formCode = new UIForm(editor, [
-            new UIBlock(editor, [
-                new UITextArea(editor, {
+        ]), formCode = new UIForm(jodit, [
+            new UIBlock(jodit, [
+                new UITextArea(jodit, {
                     name: 'code',
                     required: true,
                     label: 'Embed code'
                 })
             ]),
-            new UIBlock(editor, [
-                Button(editor, '', 'Insert', 'primary').onAction(() => formCode.submit())
+            new UIBlock(jodit, [
+                Button(jodit, '', 'Insert', 'primary').onAction(() => formCode.submit())
             ])
         ]), tabs = [], insertCode = (code) => {
-            editor.s.restore();
-            editor.s.insertHTML(code);
+            jodit.s.restore();
+            jodit.s.insertHTML(code);
             close();
         };
-        editor.s.save();
+        jodit.s.save();
         tabs.push({
             icon: 'link',
             name: 'Link',
@@ -53,12 +58,16 @@ Config.prototype.controls.video = {
             content: formCode.container
         });
         formLink.onSubmit(data => {
-            insertCode(convertMediaUrlToVideoEmbed(data.url));
+            insertCode(call(jodit.o.video?.parseUrlToVideoEmbed ??
+                convertMediaUrlToVideoEmbed, data.url, {
+                width: jodit.o.video?.defaultWidth,
+                height: jodit.o.video?.defaultHeight
+            }));
         });
         formCode.onSubmit(data => {
             insertCode(data.code);
         });
-        return TabsWidget(editor, tabs);
+        return TabsWidget(jodit, tabs);
     },
     tags: ['iframe'],
     tooltip: 'Insert youtube/vimeo video'

package/esm/plugins/wrap-nodes/config.d.ts

@@ -10,10 +10,13 @@ import type { HTMLTagNames } from "../../types";
 declare module 'jodit/config' {
     interface Config {
         wrapNodes: {
+            /**
+             * List of tags that should not be wrapped
+             * Default: `new Set(['hr', 'style', 'br'])`
+             */
             exclude: Set<HTMLTagNames>;
             /**
              * If the editor is empty, then insert an empty paragraph into it
-             * @example
              * ```javascript
              * Jodit.make('#editor', {
              * 	wrapNodes: {
@@ -21,6 +24,7 @@ declare module 'jodit/config' {
              * 	}
              * });
              * ```
+             * Default: `true`
              */
             emptyBlockAfterInit: boolean;
         };

package/package.json

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

package/types/core/helpers/utils/convert-media-url-to-video-embed.d.ts

@@ -6,4 +6,7 @@
 /**
  * Javascript url pattern converter replace youtube/vimeo url in embed code.
  */
-export declare const convertMediaUrlToVideoEmbed: (url: string, width?: number, height?: number) => string;
+export declare const convertMediaUrlToVideoEmbed: (url: string, { width, height }?: {
+    width?: number;
+    height?: number;
+}) => string;

package/types/core/ui/button/tooltip/tooltip.d.ts

@@ -16,6 +16,7 @@ export declare class UITooltip extends UIElement {
     className(): string;
     protected render(): string;
     constructor(view: IViewBased);
+    private __attachedContainers;
     private __onAttach;
     private __listenClose;
     private __addListenersOnEnter;

package/types/core/view/view-with-toolbar.d.ts

@@ -41,6 +41,7 @@ export declare abstract class ViewWithToolbar extends View implements IViewWithT
      */
     private beforeToolbarBuild;
     readonly isJodit: boolean;
+    private __tooltip;
     /** @override **/
     protected constructor(options?: Partial<IViewOptions>, isJodit?: boolean);
     destruct(): void;

package/types/modules/toolbar/collection/collection.d.ts

@@ -39,7 +39,6 @@ export declare class ToolbarCollection<T extends IViewWithToolbar = IViewWithToo
      * Set direction
      */
     setDirection(direction: 'rtl' | 'ltr'): void;
-    private __tooltip;
     constructor(jodit: IViewBased);
     protected __initEvents(): void;
     hide(): void;

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

@@ -15,8 +15,17 @@ declare module 'jodit/config' {
              * Replace   to plain space
              */
             replaceNBSP: boolean;
+            /**
+             * Remove empty P tags, if they are not in the beginning of the text
+             */
             fillEmptyParagraph: boolean;
+            /**
+             * Remove empty elements
+             */
             removeEmptyElements: boolean;
+            /**
+             * Replace old tags to new eg. <i> to <em>, <b> to <strong>
+             */
             replaceOldTags: IDictionary<HTMLTagNames> | false;
             /**
              * You can use an iframe with the sandbox attribute to safely paste and test HTML code.

package/types/plugins/debug/debug.d.ts

@@ -10,6 +10,7 @@
  */
 import type { IJodit } from "../../types";
 import { Plugin } from "../../core/plugin/plugin";
+
 export declare class Debug extends Plugin {
     protected afterInit(jodit: IJodit): void;
     protected beforeDestruct(jodit: IJodit): void;

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

@@ -57,7 +57,6 @@ export declare class inlinePopup extends Plugin {
     /**
      * Shortcut for Table module
      */
-    private get tableModule();
     /** @override **/
     protected beforeDestruct(jodit: IJodit): void;
     private elmsList;

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

@@ -3,4 +3,33 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+declare module 'jodit/config' {
+    interface Config {
+        video: {
+            /**
+             * Custom function for parsing video URL to embed code
+             * ```javascript
+             * Jodit.make('#editor', {
+             * 		video: {
+             * 			// Defaul behavior
+             * 			parseUrlToVideoEmbed: (url, size) => Jodit.modules.Helpers.convertMediaUrlToVideoEmbed(url, size)
+             * 		}
+             * });
+             * ```
+             */
+            parseUrlToVideoEmbed?: (url: string, { width, height }?: {
+                width?: number;
+                height?: number;
+            }) => string;
+            /**
+             * Default width for video iframe. Default: 400
+             */
+            defaultWidth?: number;
+            /**
+             * Default height for video iframe. Default: 345
+             */
+            defaultHeight?: number;
+        };
+    }
+}
 export {};

package/types/plugins/wrap-nodes/config.d.ts

@@ -10,10 +10,13 @@ import type { HTMLTagNames } from "../../types";
 declare module 'jodit/config' {
     interface Config {
         wrapNodes: {
+            /**
+             * List of tags that should not be wrapped
+             * Default: `new Set(['hr', 'style', 'br'])`
+             */
             exclude: Set<HTMLTagNames>;
             /**
              * If the editor is empty, then insert an empty paragraph into it
-             * @example
              * ```javascript
              * Jodit.make('#editor', {
              * 	wrapNodes: {
@@ -21,6 +24,7 @@ declare module 'jodit/config' {
              * 	}
              * });
              * ```
+             * Default: `true`
              */
             emptyBlockAfterInit: boolean;
         };