jodit 3.18.8 → 3.19.2

package/src/plugins/drag-and-drop-element/config.ts

@@ -0,0 +1,22 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+/**
+ * @module plugins/drag-and-drop-element
+ */
+
+import { Config } from 'jodit/config';
+
+declare module 'jodit/config' {
+	interface Config {
+		/**
+		 * Draggable elements
+		 */
+		draggableTags: string | string[];
+	}
+}
+
+Config.prototype.draggableTags = ['img', 'jodit-media', 'jodit'];

package/src/plugins/{clipboard/drag-and-drop-element → drag-and-drop-element}/drag-and-drop-element.ts

@@ -12,9 +12,11 @@ import type { IViewComponent, Nullable } from 'jodit/types';
 import { css, ctrlKey, dataBind, splitArray } from 'jodit/core/helpers';
 import { Plugin } from 'jodit/core/plugin';
 import { Dom } from 'jodit/core/dom';
-import { getContainer } from 'jodit/core/global';
+import { getContainer, pluginSystem } from 'jodit/core/global';
 import { autobind, throttle } from 'jodit/core/decorators';
 
+import './config';
+
 enum DragState {
 	IDLE = 0,
 	WAIT_DRAGGING = 1,
@@ -24,7 +26,7 @@ enum DragState {
 /**
  * Process drag and drop image or another element inside the editor
  */
-export class DragAndDropElement extends Plugin {
+export class dragAndDropElement extends Plugin {
 	private dragList: string[] = [];
 
 	private draggable: Nullable<HTMLElement> = null;
@@ -151,7 +153,7 @@ export class DragAndDropElement extends Plugin {
 				height: target?.offsetHeight ?? 100
 			});
 
-			getContainer(this.j, DragAndDropElement).appendChild(
+			getContainer(this.j, dragAndDropElement).appendChild(
 				this.draggable
 			);
 		}
@@ -249,3 +251,5 @@ export class DragAndDropElement extends Plugin {
 		this.removeDragListeners();
 	}
 }
+
+pluginSystem.add('dragAndDropElement', dragAndDropElement);

package/src/plugins/{keyboard/enter → enter}/enter.ts

@@ -7,7 +7,7 @@
 /**
  * [[include:plugins/keyboard/enter/README.md]]
  * @packageDocumentation
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit } from 'jodit/types';
@@ -19,6 +19,8 @@ import {
 	PARAGRAPH,
 	KEY_ENTER
 } from 'jodit/core/constants';
+import { watch } from 'jodit/core/decorators';
+
 import {
 	checkBR,
 	checkUnsplittableBox,
@@ -28,8 +30,8 @@ import {
 	insertParagraph,
 	splitFragment,
 	wrapText
-} from 'jodit/plugins/keyboard/enter/helpers';
-import { watch } from 'jodit/core/decorators';
+} from './helpers';
+import { pluginSystem } from 'jodit/core/global';
 
 /**
  * One of most important core plugins. It is responsible for all the browsers to have the same effect when the Enter
@@ -140,3 +142,5 @@ export class enter extends Plugin {
 		editor.e.off('keydown.enter');
 	}
 }
+
+pluginSystem.add('enter', enter);

package/src/plugins/{keyboard/enter → enter}/helpers/check-br.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit } from 'jodit/types';

package/src/plugins/{keyboard/enter → enter}/helpers/check-unsplittable-box.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit } from 'jodit/types';

package/src/plugins/{keyboard/enter → enter}/helpers/get-block-wrapper.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit, Nullable } from 'jodit/types';

package/src/plugins/{keyboard/enter → enter}/helpers/has-previous-block.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit } from 'jodit/types';

package/src/plugins/{keyboard/enter → enter}/helpers/index.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 export * from './check-br';

package/src/plugins/{keyboard/enter → enter}/helpers/insert-paragraph.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { HTMLTagNames, IJodit, Nullable } from 'jodit/types';

package/src/plugins/{keyboard/enter → enter}/helpers/process-empty-li-leaf.ts

@@ -5,12 +5,13 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit, Nullable } from 'jodit/types';
 import { Dom } from 'jodit/core/dom/dom';
 import { $$ } from 'jodit/core/helpers/utils/selector';
+
 import { insertParagraph } from './insert-paragraph';
 
 /**

package/src/plugins/{keyboard/enter → enter}/helpers/split-fragment.ts

@@ -5,14 +5,15 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit, Nullable } from 'jodit/types';
-import { insertParagraph } from './insert-paragraph';
 import { scrollIntoViewIfNeeded } from 'jodit/core/helpers/utils/scroll-into-view';
 import { Dom } from 'jodit/core/dom/dom';
 
+import { insertParagraph } from './insert-paragraph';
+
 /**
  * Splits a block element into two parts
  * and adds a new default block in the middle/start/end

package/src/plugins/{keyboard/enter → enter}/helpers/wrap-text.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/keyboard/enter
+ * @module plugins/enter
  */
 
 import type { IJodit } from 'jodit/types';

package/src/plugins/error-messages/error-messages.ts

@@ -15,6 +15,7 @@ import { Config } from 'jodit/config';
 import { Dom } from 'jodit/core/dom';
 import { css } from 'jodit/core/helpers/utils/css';
 import { toArray } from 'jodit/core/helpers/array/to-array';
+import { pluginSystem } from 'jodit/core/global';
 
 declare module 'jodit/config' {
 	interface Config {
@@ -102,3 +103,5 @@ export function errorMessages(editor: IJodit): void {
 			);
 	}
 }
+
+pluginSystem.add('errorMessages', errorMessages);

package/src/plugins/{media → file}/file.ts

@@ -5,7 +5,7 @@
  */
 
 /**
- * @module plugins/media
+ * @module plugins/file
  */
 
 import type {
@@ -14,8 +14,9 @@ import type {
 	IJodit
 } from 'jodit/types';
 import { Config } from 'jodit/config';
-import { Dom } from 'jodit/core/dom';
+import { Dom } from 'jodit/core/dom/dom';
 import { FileSelectorWidget } from 'jodit/modules/widget';
+import { pluginSystem } from 'jodit/core/global';
 
 Config.prototype.controls.file = {
 	popup: (
@@ -83,3 +84,5 @@ export function file(editor: IJodit): void {
 		group: 'media'
 	});
 }
+
+pluginSystem.add('file', file);

package/src/plugins/focus/focus.ts

@@ -13,6 +13,7 @@
 import type { IJodit } from 'jodit/types';
 import { Config } from 'jodit/config';
 import { Dom } from 'jodit/core/dom';
+import { pluginSystem } from 'jodit/core/global';
 
 declare module 'jodit/config' {
 	interface Config {
@@ -93,3 +94,5 @@ export function focus(editor: IJodit): void {
 			});
 	});
 }
+
+pluginSystem.add('focus', focus);

package/src/plugins/font/config.ts

@@ -0,0 +1,151 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+/**
+ * @module plugins/font
+ */
+
+import { Config } from 'jodit/config';
+import type { IControlType, IJodit } from 'jodit/types';
+import { Dom } from 'jodit/core/dom/dom';
+import { css, memorizeExec } from 'jodit/core/helpers/utils';
+import { Icon } from 'jodit/core/ui/icon';
+
+declare module 'jodit/config' {
+	interface Config {
+		defaultFontSizePoints: 'px' | 'pt';
+	}
+}
+
+/**
+ * Default font-size points
+ */
+Config.prototype.defaultFontSizePoints = 'px';
+
+Icon.set('font', require('./icons/font.svg')).set(
+	'fontsize',
+	require('./icons/fontsize.svg')
+);
+
+Config.prototype.controls.fontsize = {
+	command: 'fontsize',
+
+	data: {
+		cssRule: 'font-size'
+	},
+
+	list: [
+		'8',
+		'9',
+		'10',
+		'11',
+		'12',
+		'14',
+		'16',
+		'18',
+		'24',
+		'30',
+		'36',
+		'48',
+		'60',
+		'72',
+		'96'
+	],
+
+	exec: (editor, event, { control }): void | false =>
+		memorizeExec(editor, event, { control }, (value: string) => {
+			if (control.command?.toLowerCase() === 'fontsize') {
+				return `${value}${editor.o.defaultFontSizePoints}`;
+			}
+
+			return value;
+		}),
+
+	childTemplate: (editor, key: string, value: string) => {
+		return `${value}${editor.o.defaultFontSizePoints}`;
+	},
+
+	tooltip: 'Font size',
+
+	isChildActive: (editor, control: IControlType): boolean => {
+		const current = editor.s.current(),
+			cssKey = control.data?.cssRule || 'font-size',
+			normalize =
+				control.data?.normalize ||
+				((v: string): string => {
+					if (
+						/pt$/i.test(v) &&
+						editor.o.defaultFontSizePoints === 'pt'
+					) {
+						return v.replace(/pt$/i, '');
+					}
+
+					return v;
+				});
+
+		if (current) {
+			const currentBpx: HTMLElement =
+				(Dom.closest(
+					current,
+					Dom.isElement,
+					editor.editor
+				) as HTMLElement) || editor.editor;
+
+			const value = css(currentBpx, cssKey) as number;
+
+			return Boolean(
+				value &&
+					control.args &&
+					normalize(control.args[0].toString()) ===
+						normalize(value.toString())
+			);
+		}
+
+		return false;
+	}
+} as IControlType<IJodit> as IControlType;
+
+Config.prototype.controls.font = {
+	...Config.prototype.controls.fontsize,
+	command: 'fontname',
+
+	list: {
+		'': 'Default',
+		'Helvetica,sans-serif': 'Helvetica',
+		'Arial,Helvetica,sans-serif': 'Arial',
+		'Georgia,serif': 'Georgia',
+		'Impact,Charcoal,sans-serif': 'Impact',
+		'Tahoma,Geneva,sans-serif': 'Tahoma',
+		'Times New Roman,Times,serif': 'Times New Roman',
+		'Verdana,Geneva,sans-serif': 'Verdana'
+	},
+
+	childTemplate: (editor, key: string, value: string) => {
+		let isAvailable = false;
+
+		try {
+			isAvailable =
+				key.indexOf('dings') === -1 &&
+				document.fonts.check(`16px ${key}`, value);
+		} catch {}
+
+		return `<span style="${
+			isAvailable ? `font-family: ${key}!important;` : ''
+		}">${value}</span>`;
+	},
+
+	data: {
+		cssRule: 'font-family',
+		normalize: (v: string): string => {
+			return v
+				.toLowerCase()
+				.replace(/['"]+/g, '')
+				.replace(/[^a-z0-9]+/g, ',');
+		}
+	},
+
+	tooltip: 'Font family'
+} as IControlType<IJodit> as IControlType;

package/src/plugins/font/font.ts

@@ -8,141 +8,11 @@
  * @module plugins/font
  */
 
-import type { IControlType, IJodit } from 'jodit/types';
-import { Config } from 'jodit/config';
-import { Dom } from 'jodit/core/dom';
-import { css, memorizeExec, normalizeSize } from 'jodit/core/helpers/';
+import type { IJodit } from 'jodit/types';
+import { normalizeSize } from 'jodit/core/helpers/';
+import { pluginSystem } from 'jodit/core/global';
 
-declare module 'jodit/config' {
-	interface Config {
-		defaultFontSizePoints: 'px' | 'pt';
-	}
-}
-
-/**
- * Default font-size points
- */
-Config.prototype.defaultFontSizePoints = 'px';
-
-Config.prototype.controls.fontsize = {
-	command: 'fontSize',
-
-	data: {
-		cssRule: 'font-size'
-	},
-
-	list: [
-		'8',
-		'9',
-		'10',
-		'11',
-		'12',
-		'14',
-		'16',
-		'18',
-		'24',
-		'30',
-		'36',
-		'48',
-		'60',
-		'72',
-		'96'
-	],
-
-	exec: (editor, event, { control }): void | false =>
-		memorizeExec(editor, event, { control }, (value: string) => {
-			if (control.command?.toLowerCase() === 'fontsize') {
-				return `${value}${editor.o.defaultFontSizePoints}`;
-			}
-
-			return value;
-		}),
-
-	childTemplate: (editor, key: string, value: string) => {
-		return `${value}${editor.o.defaultFontSizePoints}`;
-	},
-
-	tooltip: 'Font size',
-
-	isChildActive: (editor, control: IControlType): boolean => {
-		const current = editor.s.current(),
-			cssKey = control.data?.cssRule || 'font-size',
-			normalize =
-				control.data?.normalize ||
-				((v: string): string => {
-					if (
-						/pt$/i.test(v) &&
-						editor.o.defaultFontSizePoints === 'pt'
-					) {
-						return v.replace(/pt$/i, '');
-					}
-
-					return v;
-				});
-
-		if (current) {
-			const currentBpx: HTMLElement =
-				(Dom.closest(
-					current,
-					Dom.isElement,
-					editor.editor
-				) as HTMLElement) || editor.editor;
-
-			const value = css(currentBpx, cssKey) as number;
-
-			return Boolean(
-				value &&
-					control.args &&
-					normalize(control.args[0].toString()) ===
-						normalize(value.toString())
-			);
-		}
-
-		return false;
-	}
-} as IControlType<IJodit> as IControlType;
-
-Config.prototype.controls.font = {
-	...Config.prototype.controls.fontsize,
-	command: 'fontname',
-
-	list: {
-		'': 'Default',
-		'Helvetica,sans-serif': 'Helvetica',
-		'Arial,Helvetica,sans-serif': 'Arial',
-		'Georgia,serif': 'Georgia',
-		'Impact,Charcoal,sans-serif': 'Impact',
-		'Tahoma,Geneva,sans-serif': 'Tahoma',
-		'Times New Roman,Times,serif': 'Times New Roman',
-		'Verdana,Geneva,sans-serif': 'Verdana'
-	},
-
-	childTemplate: (editor, key: string, value: string) => {
-		let isAvailable = false;
-
-		try {
-			isAvailable =
-				key.indexOf('dings') === -1 &&
-				document.fonts.check(`16px ${key}`, value);
-		} catch {}
-
-		return `<span style="${
-			isAvailable ? `font-family: ${key}!important;` : ''
-		}">${value}</span>`;
-	},
-
-	data: {
-		cssRule: 'font-family',
-		normalize: (v: string): string => {
-			return v
-				.toLowerCase()
-				.replace(/['"]+/g, '')
-				.replace(/[^a-z0-9]+/g, ',');
-		}
-	},
-
-	tooltip: 'Font family'
-} as IControlType<IJodit> as IControlType;
+import './config';
 
 /**
  * Process commands `fontsize` and `fontname`
@@ -186,3 +56,5 @@ export function font(editor: IJodit): void {
 		.registerCommand('fontsize', callback)
 		.registerCommand('fontname', callback);
 }
+
+pluginSystem.add('font', font);

package/src/plugins/format-block/format-block.ts

@@ -19,6 +19,10 @@ import type {
 import { Config } from 'jodit/config';
 import { Dom } from 'jodit/modules/';
 import { memorizeExec } from 'jodit/core/helpers';
+import { pluginSystem } from 'jodit/core/global';
+import { Icon } from 'jodit/core/ui/icon';
+
+Icon.set('paragraph', require('./paragraph.svg'));
 
 Config.prototype.controls.paragraph = {
 	command: 'formatBlock',
@@ -136,3 +140,5 @@ export function formatBlock(editor: IJodit): void {
 		}
 	);
 }
+
+pluginSystem.add('formatBlock', formatBlock);

package/src/plugins/fullsize/config.ts

@@ -0,0 +1,73 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+/**
+ * @module plugins/fullsize
+ */
+
+import './fullsize.less';
+
+import type { IControlType, IViewBased } from 'jodit/types';
+import { Config } from 'jodit/config';
+import * as consts from 'jodit/core/constants';
+import { Icon } from 'jodit/core/ui/icon';
+
+declare module 'jodit/config' {
+	interface Config {
+		/**
+		 * Open WYSIWYG in full screen
+		 * @example
+		 * ```javascript
+		 * var editor = Jodit.make({
+		 *     fullsize: true // fullsize editor
+		 * });
+		 * ```
+		 * @example
+		 * ```javascript
+		 * var editor = Jodit.make();
+		 * editor.e.fire('toggleFullSize');
+		 * editor.e.fire('toggleFullSize', true); // fullsize
+		 * editor.e.fire('toggleFullSize', false); // usual mode
+		 * ```
+		 */
+		fullsize: boolean;
+
+		/**
+		 * True, after `fullsize` -  all editors elements above jodit will get `jodit_fullsize-box_true` class (z-index: 100000 !important;)
+		 */
+		globalFullSize: boolean;
+	}
+}
+
+Config.prototype.fullsize = false;
+Config.prototype.globalFullSize = true;
+
+Icon.set('fullsize', require('./icons/fullsize.svg')).set(
+	'shrink',
+	require('./icons/shrink.svg')
+);
+
+Config.prototype.controls.fullsize = {
+	exec: (editor: IViewBased) => {
+		editor.toggleFullSize();
+	},
+
+	update(button, editor) {
+		const mode = editor.isFullSize ? 'shrink' : 'fullsize';
+
+		button.state.activated = editor.isFullSize;
+
+		if (editor.o.textIcons) {
+			button.state.text = mode;
+		} else {
+			button.state.icon.name = mode;
+		}
+	},
+
+	tooltip: 'Open editor in fullsize',
+
+	mode: consts.MODE_SOURCE + consts.MODE_WYSIWYG
+} as IControlType;