suneditor 3.0.0-beta.2 → 3.0.0-beta.20

package/src/plugins/browser/imageGallery.js

@@ -1,81 +1,81 @@
-import EditorInjector from '../../editorInjector';
-import { Browser } from '../../modules';
-
-/**
- * @class
- * @extends EditorInjector
- * @description Image gallery plugin
- */
-class ImageGallery extends EditorInjector {
-	static key = 'imageGallery';
-	static type = 'browser';
-	static className = '';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 * @param {Object} pluginOptions
-	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
-	 * @param {string=} pluginOptions.url - server request url
-	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
-	 */
-	constructor(editor, pluginOptions) {
-		// plugin bisic properties
-		super(editor);
-		this.title = this.lang.imageGallery;
-		this.icon = 'image_gallery';
-
-		// members
-		this.onSelectfunction = null;
-
-		// modules
-		this.browser = new Browser(this, {
-			title: this.lang.imageGallery,
-			data: pluginOptions.data,
-			url: pluginOptions.url,
-			headers: pluginOptions.headers,
-			selectorHandler: this.#SetItem.bind(this),
-			columnSize: 4,
-			className: 'se-image-gallery'
-		});
-
-		// members
-		this.width = this.plugins.image.pluginOptions.defaultWidth === 'auto' ? '' : this.plugins.image.pluginOptions.defaultWidth;
-		this.height = this.plugins.image.pluginOptions.defaultHeight === 'auto' ? '' : this.plugins.image.pluginOptions.defaultHeight;
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is opened.
-	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
-	 */
-	open(onSelectfunction) {
-		this.onSelectfunction = onSelectfunction;
-		this.browser.open();
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is closed.
-	 */
-	close() {
-		this.onSelectfunction = null;
-		this.browser.close();
-	}
-
-	/**
-	 * @description Set browser item
-	 * @param {HTMLImageElement} target - Target element
-	 */
-	#SetItem(target) {
-		if (this.onSelectfunction) {
-			this.onSelectfunction(target);
-		} else {
-			const file = { name: target.getAttribute('data-name'), size: 0 };
-			this.plugins.image.init();
-			this.plugins.image.create(target.getAttribute('data-command'), null, this.width, this.height, 'none', file, target.alt);
-		}
-	}
-}
-
-export default ImageGallery;
+import EditorInjector from '../../editorInjector';
+import { Browser } from '../../modules';
+
+/**
+ * @class
+ * @extends EditorInjector
+ * @description Image gallery plugin
+ */
+class ImageGallery extends EditorInjector {
+	static key = 'imageGallery';
+	static type = 'browser';
+	static className = '';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} pluginOptions
+	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
+	 * @param {string=} pluginOptions.url - server request url
+	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
+	 */
+	constructor(editor, pluginOptions) {
+		// plugin bisic properties
+		super(editor);
+		this.title = this.lang.imageGallery;
+		this.icon = 'image_gallery';
+
+		// members
+		this.onSelectfunction = null;
+
+		// modules
+		this.browser = new Browser(this, {
+			title: this.lang.imageGallery,
+			data: pluginOptions.data,
+			url: pluginOptions.url,
+			headers: pluginOptions.headers,
+			selectorHandler: this.#SetItem.bind(this),
+			columnSize: 4,
+			className: 'se-image-gallery'
+		});
+
+		// members
+		this.width = this.plugins.image.pluginOptions.defaultWidth === 'auto' ? '' : this.plugins.image.pluginOptions.defaultWidth;
+		this.height = this.plugins.image.pluginOptions.defaultHeight === 'auto' ? '' : this.plugins.image.pluginOptions.defaultHeight;
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is opened.
+	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
+	 */
+	open(onSelectfunction) {
+		this.onSelectfunction = onSelectfunction;
+		this.browser.open();
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is closed.
+	 */
+	close() {
+		this.onSelectfunction = null;
+		this.browser.close();
+	}
+
+	/**
+	 * @description Set browser item
+	 * @param {HTMLImageElement} target - Target element
+	 */
+	#SetItem(target) {
+		if (this.onSelectfunction) {
+			this.onSelectfunction(target);
+		} else {
+			const file = { name: target.getAttribute('data-name'), size: 0 };
+			this.plugins.image.init();
+			this.plugins.image.create(target.getAttribute('data-command'), null, this.width, this.height, 'none', file, target.alt);
+		}
+	}
+}
+
+export default ImageGallery;

package/src/plugins/browser/videoGallery.js

@@ -1,103 +1,103 @@
-import EditorInjector from '../../editorInjector';
-import { Browser } from '../../modules';
-
-/**
- * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_videoGallery
- */
-
-/**
- * @class
- * @extends EditorInjector
- * @description Video gallery plugin
- */
-class VideoGallery extends EditorInjector {
-	static key = 'videoGallery';
-	static type = 'browser';
-	static className = '';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 * @param {Object} pluginOptions
-	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
-	 * @param {string=} pluginOptions.url - server request url
-	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
-	 * @param {string|((item: BrowserFile_videoGallery) => string)} pluginOptions.thumbnail - default thumbnail
-	 */
-	constructor(editor, pluginOptions) {
-		// plugin bisic properties
-		super(editor);
-		this.title = this.lang.videoGallery;
-		this.icon = 'video_gallery';
-
-		// members
-		this.onSelectfunction = null;
-
-		// modules
-		const thumbnail = typeof pluginOptions.thumbnail === 'string' ? pluginOptions.thumbnail : this.icons.video_thumbnail;
-		this.browser = new Browser(this, {
-			title: this.lang.videoGallery,
-			data: pluginOptions.data,
-			url: pluginOptions.url,
-			headers: pluginOptions.headers,
-			selectorHandler: this.#SetItem.bind(this),
-			columnSize: 4,
-			className: 'se-video-gallery',
-			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : () => thumbnail,
-			props: ['frame']
-		});
-
-		// members
-		this.width = this.plugins.video.pluginOptions.defaultWidth === 'auto' ? '' : this.plugins.video.pluginOptions.defaultWidth;
-		this.height = this.plugins.video.pluginOptions.defaultHeight === 'auto' ? '' : this.plugins.video.pluginOptions.defaultHeight;
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is opened.
-	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
-	 */
-	open(onSelectfunction) {
-		this.onSelectfunction = onSelectfunction;
-		this.browser.open();
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is closed.
-	 */
-	close() {
-		this.onSelectfunction = null;
-		this.browser.close();
-	}
-
-	/**
-	 * @description Set browser item
-	 * @param {HTMLElement} target - Target element
-	 */
-	#SetItem(target) {
-		if (this.onSelectfunction) {
-			this.onSelectfunction(target);
-		} else {
-			let url = target.getAttribute('data-command');
-			const processUrl = this.plugins.video.findProcessUrl(url);
-			if (processUrl) {
-				url = processUrl.url;
-			}
-
-			const file = { name: target.getAttribute('data-name'), size: 0 };
-			this.plugins.video.init();
-			this.plugins.video.create(
-				this.plugins.video[target.getAttribute('data-frame') === 'iframe' ? 'createIframeTag' : 'createVideoTag']({ poster: target.getAttribute('data-thumbnail') }),
-				url,
-				null,
-				this.width,
-				this.height,
-				false,
-				file
-			);
-		}
-	}
-}
-
-export default VideoGallery;
+import EditorInjector from '../../editorInjector';
+import { Browser } from '../../modules';
+
+/**
+ * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_videoGallery
+ */
+
+/**
+ * @class
+ * @extends EditorInjector
+ * @description Video gallery plugin
+ */
+class VideoGallery extends EditorInjector {
+	static key = 'videoGallery';
+	static type = 'browser';
+	static className = '';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} pluginOptions
+	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
+	 * @param {string=} pluginOptions.url - server request url
+	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
+	 * @param {string|((item: BrowserFile_videoGallery) => string)} pluginOptions.thumbnail - default thumbnail
+	 */
+	constructor(editor, pluginOptions) {
+		// plugin bisic properties
+		super(editor);
+		this.title = this.lang.videoGallery;
+		this.icon = 'video_gallery';
+
+		// members
+		this.onSelectfunction = null;
+
+		// modules
+		const thumbnail = typeof pluginOptions.thumbnail === 'string' ? pluginOptions.thumbnail : this.icons.video_thumbnail;
+		this.browser = new Browser(this, {
+			title: this.lang.videoGallery,
+			data: pluginOptions.data,
+			url: pluginOptions.url,
+			headers: pluginOptions.headers,
+			selectorHandler: this.#SetItem.bind(this),
+			columnSize: 4,
+			className: 'se-video-gallery',
+			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : () => thumbnail,
+			props: ['frame']
+		});
+
+		// members
+		this.width = this.plugins.video.pluginOptions.defaultWidth === 'auto' ? '' : this.plugins.video.pluginOptions.defaultWidth;
+		this.height = this.plugins.video.pluginOptions.defaultHeight === 'auto' ? '' : this.plugins.video.pluginOptions.defaultHeight;
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is opened.
+	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
+	 */
+	open(onSelectfunction) {
+		this.onSelectfunction = onSelectfunction;
+		this.browser.open();
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is closed.
+	 */
+	close() {
+		this.onSelectfunction = null;
+		this.browser.close();
+	}
+
+	/**
+	 * @description Set browser item
+	 * @param {HTMLElement} target - Target element
+	 */
+	#SetItem(target) {
+		if (this.onSelectfunction) {
+			this.onSelectfunction(target);
+		} else {
+			let url = target.getAttribute('data-command');
+			const processUrl = this.plugins.video.findProcessUrl(url);
+			if (processUrl) {
+				url = processUrl.url;
+			}
+
+			const file = { name: target.getAttribute('data-name'), size: 0 };
+			this.plugins.video.init();
+			this.plugins.video.create(
+				this.plugins.video[target.getAttribute('data-frame') === 'iframe' ? 'createIframeTag' : 'createVideoTag']({ poster: target.getAttribute('data-thumbnail') }),
+				url,
+				null,
+				this.width,
+				this.height,
+				false,
+				file
+			);
+		}
+	}
+}
+
+export default VideoGallery;

package/src/plugins/command/blockquote.js

@@ -1,60 +1,61 @@
-import EditorInjector from '../../editorInjector';
-import { dom } from '../../helper';
-
-/**
- * @class
- * @description Blockquote plugin
- */
-class Blockquote extends EditorInjector {
-	static key = 'blockquote';
-	static type = 'command';
-	static className = '';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 */
-	constructor(editor) {
-		super(editor);
-		// plugin basic properties
-		this.title = this.lang.tag_blockquote;
-		this.icon = 'blockquote';
-
-		// members
-		this.quoteTag = dom.utils.createElement('BLOCKQUOTE');
-	}
-
-	/**
-	 * @editorMethod Editor.EventManager
-	 * @description Executes the method that is called whenever the cursor position changes.
-	 * @param {?HTMLElement=} element - Node element where the cursor is currently located
-	 * @param {?HTMLElement=} target - The plugin's toolbar button element
-	 * @returns {boolean} - Whether the plugin is active
-	 */
-	active(element, target) {
-		if (/blockquote/i.test(element?.nodeName)) {
-			dom.utils.addClass(target, 'active');
-			return true;
-		}
-
-		dom.utils.removeClass(target, 'active');
-		return false;
-	}
-
-	/**
-	 * @editorMethod Editor.core
-	 * @description Executes the main execution method of the plugin.
-	 * - It is executed by clicking a toolbar "command" button or calling an API.
-	 */
-	action() {
-		const currentBlockquote = dom.query.getParentElement(this.selection.getNode(), 'blockquote');
-
-		if (currentBlockquote) {
-			this.format.removeBlock(currentBlockquote, { selectedFormats: null, newBlockElement: null, shouldDelete: false, skipHistory: false });
-		} else {
-			this.format.applyBlock(this.quoteTag.cloneNode(false));
-		}
-	}
-}
-
-export default Blockquote;
+import EditorInjector from '../../editorInjector';
+import { dom } from '../../helper';
+
+/**
+ * @class
+ * @description Blockquote plugin
+ */
+class Blockquote extends EditorInjector {
+	static key = 'blockquote';
+	static type = 'command';
+	static className = '';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor) {
+		super(editor);
+		// plugin basic properties
+		this.title = this.lang.tag_blockquote;
+		this.icon = 'blockquote';
+
+		// members
+		this.quoteTag = dom.utils.createElement('BLOCKQUOTE');
+	}
+
+	/**
+	 * @editorMethod Editor.EventManager
+	 * @description Executes the method that is called whenever the cursor position changes.
+	 * @param {?HTMLElement=} element - Node element where the cursor is currently located
+	 * @param {?HTMLElement=} target - The plugin's toolbar button element
+	 * @returns {boolean} - Whether the plugin is active
+	 * - If it returns "undefined", it will no longer be called in this scope.
+	 */
+	active(element, target) {
+		if (/blockquote/i.test(element?.nodeName)) {
+			dom.utils.addClass(target, 'active');
+			return true;
+		}
+
+		dom.utils.removeClass(target, 'active');
+		return false;
+	}
+
+	/**
+	 * @editorMethod Editor.core
+	 * @description Executes the main execution method of the plugin.
+	 * - It is executed by clicking a toolbar "command" button or calling an API.
+	 */
+	action() {
+		const currentBlockquote = dom.query.getParentElement(this.selection.getNode(), 'blockquote');
+
+		if (currentBlockquote) {
+			this.format.removeBlock(currentBlockquote, { selectedFormats: null, newBlockElement: null, shouldDelete: false, skipHistory: false });
+		} else {
+			this.format.applyBlock(this.quoteTag.cloneNode(false));
+		}
+	}
+}
+
+export default Blockquote;