suneditor 3.0.0-beta.3 → 3.0.0-beta.30

package/src/core/class/html.js

@@ -126,7 +126,7 @@ function HTML(editor) {
 			if (k === '*') {
 				allAttr = GetRegList(_wAttr[k], defaultAttr);
 			} else {
-				tagsAttr[k] = new RegExp('\\s(?:' + GetRegList(_wAttr[k], '') + ')' + regEndStr, 'ig');
+				tagsAttr[k] = new RegExp('\\s(?:' + GetRegList(_wAttr[k], defaultAttr) + ')' + regEndStr, 'ig');
 			}
 		}
 	}
@@ -186,7 +186,7 @@ HTML.prototype = {
 					const result = validate(node);
 					if (result === null) {
 						node.remove();
-					} else if (result instanceof Node) {
+					} else if (this.instanceCheck.isNode(result)) {
 						node.replaceWith(result);
 					} else if (typeof result === 'string') {
 						node.outerHTML = result;
@@ -203,7 +203,7 @@ HTML.prototype = {
 					const result = validate(node);
 					if (result === null) {
 						node.remove();
-					} else if (result instanceof Node) {
+					} else if (this.instanceCheck.isNode(result)) {
 						node.replaceWith(result);
 					} else if (typeof result === 'string') {
 						node.outerHTML = result;
@@ -230,7 +230,7 @@ HTML.prototype = {
 	 * @returns {string} Cleaned and compressed HTML string
 	 */
 	clean(html, { forceFormat, whitelist, blacklist, _freeCodeViewMode } = {}) {
-		const { tagFilter, formatFilter, classFilter, styleNodeFilter, attrFilter, styleFilter } = this.options.get('strictMode');
+		const { tagFilter, formatFilter, classFilter, textStyleTagFilter, attrFilter, styleFilter } = this.options.get('strictMode');
 		let cleanData = '';
 
 		html = this.compress(html);
@@ -242,7 +242,7 @@ HTML.prototype = {
 
 		if (this._autoStyleify) {
 			const domParser = new DOMParser().parseFromString(html, 'text/html');
-			dom.query.getListChildNodes(domParser.body, converter.spanToStyleNode.bind(null, this._autoStyleify));
+			dom.query.getListChildNodes(domParser.body, converter.spanToStyleNode.bind(null, this._autoStyleify), null);
 			html = domParser.body.innerHTML;
 		}
 
@@ -275,18 +275,19 @@ HTML.prototype = {
 			iframePlaceholders[i].replaceWith(iframe);
 		}
 
-		if (this.options.get('__pluginRetainFilter')) {
-			this.editor._MELInfo.forEach((method, query) => {
+		let retainFilter;
+		if ((retainFilter = this.options.get('__pluginRetainFilter'))) {
+			this.editor._MELInfo.forEach((plugin, query) => {
 				const infoLst = domParser.querySelectorAll(query);
 				for (let i = 0, len = infoLst.length; i < len; i++) {
-					method(infoLst[i]);
+					if (retainFilter === true || retainFilter[plugin.key] !== false) plugin.method(infoLst[i]);
 				}
 			});
 		}
 
 		if (formatFilter) {
 			let domTree = domParser.childNodes;
-			if (!forceFormat) forceFormat = this._isFormatData(domTree);
+			forceFormat ||= this._isFormatData(domTree);
 			if (forceFormat) domTree = this._editFormat(domParser).childNodes;
 
 			for (let i = 0, len = domTree.length, t; i < len; i++) {
@@ -300,7 +301,7 @@ HTML.prototype = {
 		}
 
 		// set clean data
-		if (!cleanData) cleanData = html;
+		cleanData ||= html;
 
 		// whitelist, blacklist
 		if (tagFilter) {
@@ -308,7 +309,7 @@ HTML.prototype = {
 			if (blacklist) cleanData = cleanData.replace(typeof blacklist === 'string' ? converter.createElementBlacklist(blacklist) : blacklist, '');
 		}
 
-		if (styleNodeFilter) {
+		if (textStyleTagFilter) {
 			cleanData = this._styleNodeConvertor(cleanData);
 		}
 
@@ -327,8 +328,12 @@ HTML.prototype = {
 	 * @returns {HTMLElement|null} The inserted element or null if insertion failed
 	 */
 	insert(html, { selectInserted, skipCharCount, skipCleaning } = {}) {
-		if (!this.editor.frameContext.get('wysiwyg').contains(this.selection.get().focusNode)) this.editor.focus();
+		if (!this.frameContext.get('wysiwyg').contains(this.selection.get().focusNode)) this.editor.focus();
 
+		this.remove();
+		this.editor.focus();
+
+		let focusNode = null;
 		if (typeof html === 'string') {
 			if (!skipCleaning) html = this.clean(html, { forceFormat: false, whitelist: null, blacklist: null });
 			try {
@@ -342,7 +347,7 @@ HTML.prototype = {
 				const domTree = domParser.childNodes;
 
 				if (!skipCharCount) {
-					const type = this.editor.frameOptions.get('charCounter_type') === 'byte-html' ? 'outerHTML' : 'textContent';
+					const type = this.frameOptions.get('charCounter_type') === 'byte-html' ? 'outerHTML' : 'textContent';
 					let checkHTML = '';
 					for (let i = 0, len = domTree.length; i < len; i++) {
 						checkHTML += domTree[i][type];
@@ -359,12 +364,13 @@ HTML.prototype = {
 					}
 					t = this.insertNode(c, { afterNode: a, skipCharCount: true });
 					a = t.container || t;
-					if (!firstCon) firstCon = t;
+					firstCon ||= t;
 					prev = c;
 				}
 
 				if (prev?.nodeType === 3 && a?.nodeType === 1) a = prev;
 				const offset = a.nodeType === 3 ? t.endOffset || a.textContent.length : a.childNodes.length;
+				focusNode = a;
 
 				if (selectInserted) {
 					this.selection.setRange(firstCon.container || firstCon, firstCon.startOffset || 0, a, offset);
@@ -372,12 +378,12 @@ HTML.prototype = {
 					this.selection.setRange(a, offset, a, offset);
 				}
 			} catch (error) {
-				if (this.editor.frameContext.get('isReadOnly') || this.editor.frameContext.get('isDisabled')) return;
+				if (this.frameContext.get('isReadOnly') || this.frameContext.get('isDisabled')) return;
 				throw Error(`[SUNEDITOR.html.insert.error] ${error.message}`);
 			}
 		} else {
 			if (this.component.is(html)) {
-				this.component.insert(html, { skipCharCount, skipSelection: false, skipHistory: false });
+				this.component.insert(html, { skipCharCount, insertBehavior: 'none' });
 			} else {
 				let afterNode = null;
 				if (this.format.isLine(html) || dom.check.isMedia(html)) {
@@ -387,8 +393,22 @@ HTML.prototype = {
 			}
 		}
 
+		// focus
 		this.editor.effectNode = null;
-		this.editor.focus();
+
+		if (focusNode) {
+			const children = dom.query.getListChildNodes(focusNode, null, null);
+			if (children.length > 0) {
+				focusNode = children.at(-1);
+				const offset = focusNode?.nodeType === 3 ? focusNode.textContent.length : 1;
+				this.selection.setRange(focusNode, offset, focusNode, offset);
+			} else {
+				this.editor.focus();
+			}
+		} else {
+			this.editor.focus();
+		}
+
 		this.history.push(false);
 	},
 
@@ -405,12 +425,20 @@ HTML.prototype = {
 	 */
 	insertNode(oNode, { afterNode, skipCharCount } = {}) {
 		let result = null;
-		if (this.editor.frameContext.get('isReadOnly') || (!skipCharCount && !this.char.check(oNode))) {
+		if (this.frameContext.get('isReadOnly') || (!skipCharCount && !this.char.check(oNode))) {
 			return result;
 		}
 
 		let fNode = null;
-		let range = this.selection.getRange();
+		let range = null;
+
+		if (afterNode) {
+			const afterNewLine = this.format.isLine(afterNode) || this.format.isBlock(afterNode) || this.component.is(afterNode) ? this.format.addLine(afterNode, null) : afterNode;
+			range = this.selection.setRange(afterNewLine, 1, afterNewLine, 1);
+		} else {
+			range = this.selection.getRange();
+		}
+
 		let line = dom.check.isListCell(range.commonAncestorContainer) ? range.commonAncestorContainer : this.format.getLine(this.selection.getNode(), null);
 		let insertListCell = dom.check.isListCell(line) && (dom.check.isListCell(oNode) || dom.check.isList(oNode));
 
@@ -419,7 +447,7 @@ HTML.prototype = {
 			tempAfterNode,
 			tempParentNode = null;
 		const freeFormat = this.format.isBrLine(line);
-		const isFormats = (!freeFormat && (this.format.isLine(oNode) || this.format.isBlock(oNode))) || this.component.isBasic(oNode);
+		const isFormats = this.format.isLine(oNode) || this.format.isBlock(oNode) || this.component.isBasic(oNode);
 
 		if (insertListCell) {
 			tempAfterNode = afterNode || dom.check.isList(oNode) ? line.lastChild : line.nextElementSibling;
@@ -456,7 +484,9 @@ HTML.prototype = {
 				});
 				afterNode = this.nodeTransform.split(container, r.offset, !depthFormat ? 0 : dom.query.getNodeDepth(depthFormat) + 1);
 				if (!afterNode) {
-					tempAfterNode = afterNode = line;
+					if (!dom.check.isListCell(line)) {
+						tempAfterNode = afterNode = line;
+					}
 				} else if (insertListCell) {
 					if (line.contains(container)) {
 						const subList = dom.check.isList(line.lastElementChild);
@@ -589,7 +619,7 @@ HTML.prototype = {
 
 		try {
 			// set node
-			const wysiwyg = this.editor.frameContext.get('wysiwyg');
+			const wysiwyg = this.frameContext.get('wysiwyg');
 			if (!insertListCell) {
 				if (dom.check.isWysiwygFrame(afterNode) || parentNode === wysiwyg.parentNode) {
 					parentNode = wysiwyg;
@@ -598,10 +628,7 @@ HTML.prototype = {
 
 				if (this.format.isLine(oNode) || this.format.isBlock(oNode) || (!dom.check.isListCell(parentNode) && this.component.isBasic(oNode))) {
 					const oldParent = parentNode;
-					if (dom.check.isList(afterNode)) {
-						parentNode = afterNode;
-						afterNode = null;
-					} else if (dom.check.isListCell(afterNode)) {
+					if (dom.check.isListCell(afterNode)) {
 						parentNode = afterNode.previousElementSibling || afterNode;
 					} else if (!originAfter && !afterNode) {
 						const r = this.remove();
@@ -706,7 +733,7 @@ HTML.prototype = {
 				}
 			}
 
-			if (freeFormat && (this.format.isLine(oNode) || this.format.isBlock(oNode))) {
+			if (freeFormat && !dom.check.isList(oNode) && (this.format.isLine(oNode) || this.format.isBlock(oNode))) {
 				oNode = this._setIntoFreeFormat(oNode);
 			}
 
@@ -727,7 +754,7 @@ HTML.prototype = {
 						oNode.parentNode.insertBefore(zeroWidth, oNode.nextSibling);
 					}
 
-					if (this.format._isIgnoreNodeChange(oNode)) {
+					if (this.inline._isIgnoreNodeChange(oNode)) {
 						oNode = oNode.nextSibling;
 						offset = 0;
 					}
@@ -814,8 +841,8 @@ HTML.prototype = {
 				}
 			} else {
 				if ((commonCon.nodeType === 1 && startOff === 0 && endOff === 1) || (commonCon.nodeType === 3 && startOff === 0 && endOff === commonCon.textContent.length)) {
-					const nextEl = dom.query.getNextDeepestNode(commonCon, this.editor.frameContext.get('wysiwyg'));
-					const prevEl = dom.query.getPreviousDeepestNode(commonCon, this.editor.frameContext.get('wysiwyg'));
+					const nextEl = dom.query.getNextDeepestNode(commonCon, this.frameContext.get('wysiwyg'));
+					const prevEl = dom.query.getPreviousDeepestNode(commonCon, this.frameContext.get('wysiwyg'));
 					const line = this.format.getLine(commonCon);
 					dom.utils.removeItem(commonCon);
 
@@ -866,7 +893,7 @@ HTML.prototype = {
 		let beforeNode = null;
 		let afterNode = null;
 
-		const childNodes = dom.query.getListChildNodes(commonCon, null);
+		const childNodes = dom.query.getListChildNodes(commonCon, null, null);
 		let startIndex = dom.utils.getArrayIndex(childNodes, startCon);
 		let endIndex = dom.utils.getArrayIndex(childNodes, endCon);
 
@@ -918,11 +945,13 @@ HTML.prototype = {
 
 		const _isText = dom.check.isText;
 		const _isElement = dom.check.isElement;
+		const _isSingleItem = startIndex === endIndex;
+		let nextFocusNodes = null;
 		for (let i = startIndex; i <= endIndex; i++) {
 			const item = /** @type {Text} */ (childNodes[i]);
 
 			if (_isText(item) && (item.data === undefined || item.length === 0)) {
-				this._nodeRemoveListItem(item);
+				nextFocusNodes = this._nodeRemoveListItem(item, _isSingleItem);
 				continue;
 			}
 
@@ -944,7 +973,7 @@ HTML.prototype = {
 				if (beforeNode.length > 0) {
 					/** @type {Text} */ (startCon).data = beforeNode.data;
 				} else {
-					this._nodeRemoveListItem(startCon);
+					nextFocusNodes = this._nodeRemoveListItem(startCon, _isSingleItem);
 				}
 
 				if (item === endCon) break;
@@ -962,13 +991,13 @@ HTML.prototype = {
 				if (afterNode.length > 0) {
 					/** @type {Text} */ (endCon).data = afterNode.data;
 				} else {
-					this._nodeRemoveListItem(endCon);
+					nextFocusNodes = this._nodeRemoveListItem(endCon, _isSingleItem);
 				}
 
 				continue;
 			}
 
-			this._nodeRemoveListItem(item);
+			nextFocusNodes = this._nodeRemoveListItem(item, _isSingleItem);
 		}
 
 		const endUl = dom.query.getParentElement(endCon, 'ul');
@@ -1004,7 +1033,12 @@ HTML.prototype = {
 
 		if (!dom.check.isWysiwygFrame(container) && container.childNodes.length === 0) {
 			const rc = this.nodeTransform.removeAllParents(container, null, null);
-			if (rc) container = rc.sc || rc.ec || this.editor.frameContext.get('wysiwyg');
+			if (rc) container = rc.sc || rc.ec || this.frameContext.get('wysiwyg');
+		}
+
+		if (!container || (container.nodeType === 1 && !this.format.isLine(container) && !dom.check.isBreak(container))) {
+			container = nextFocusNodes?.sc || nextFocusNodes?.ec;
+			offset = container?.nodeType === 3 ? container.textContent.length : 1;
 		}
 
 		// set range
@@ -1014,7 +1048,7 @@ HTML.prototype = {
 			container,
 			offset,
 			prevContainer,
-			commonCon
+			commonCon: commonCon?.parentElement ? commonCon : null
 		};
 	},
 
@@ -1037,24 +1071,28 @@ HTML.prototype = {
 		for (let i = 0, len = rootKey.length, r; i < len; i++) {
 			this.editor.changeFrameContext(rootKey[i]);
 
-			const fc = this.editor.frameContext;
+			const fc = this.frameContext;
 			const renderHTML = dom.utils.createElement('DIV', null, this._convertToCode(fc.get('wysiwyg'), true));
 
 			const isTableCell = dom.check.isTableCell;
 			const isEmptyLine = dom.check.isEmptyLine;
 			const editableEls = [];
 			const emptyCells = [];
-			dom.query.getListChildren(renderHTML, (current) => {
-				if (current.hasAttribute('contenteditable')) {
-					editableEls.push(current);
-				}
+			dom.query.getListChildren(
+				renderHTML,
+				(current) => {
+					if (current.hasAttribute('contenteditable')) {
+						editableEls.push(current);
+					}
 
-				const parent = current.parentElement;
-				if (isTableCell(parent) && parent.children.length <= 1 && isEmptyLine(current)) {
-					emptyCells.push(parent);
-				}
-				return false;
-			});
+					const parent = current.parentElement;
+					if (isTableCell(parent) && parent.children.length <= 1 && isEmptyLine(current)) {
+						emptyCells.push(parent);
+					}
+					return false;
+				},
+				null
+			);
 
 			for (let j = 0, jlen = editableEls.length; j < jlen; j++) {
 				editableEls[j].removeAttribute('contenteditable');
@@ -1064,7 +1102,7 @@ HTML.prototype = {
 			}
 
 			const content = renderHTML.innerHTML;
-			if (this.editor.frameOptions.get('iframe_fullPage')) {
+			if (this.frameOptions.get('iframe_fullPage')) {
 				if (includeFullPage) {
 					const attrs = dom.utils.getAttributesToString(fc.get('_wd').body, ['contenteditable']);
 					r = `<!DOCTYPE html><html>${fc.get('_wd').head.outerHTML}<body ${attrs}>${content}</body></html>`;
@@ -1090,6 +1128,7 @@ HTML.prototype = {
 	 * @param {number|Array<number>} [options.rootKey=null] Root index
 	 */
 	set(html, { rootKey } = {}) {
+		this.ui._offCurrentController();
 		this.selection.removeRange();
 		const convertValue = html === null || html === undefined ? '' : this.clean(html, { forceFormat: true, whitelist: null, blacklist: null });
 
@@ -1099,8 +1138,8 @@ HTML.prototype = {
 		for (let i = 0; i < rootKey.length; i++) {
 			this.editor.changeFrameContext(rootKey[i]);
 
-			if (!this.editor.frameContext.get('isCodeView')) {
-				this.editor.frameContext.get('wysiwyg').innerHTML = convertValue;
+			if (!this.frameContext.get('isCodeView')) {
+				this.frameContext.get('wysiwyg').innerHTML = convertValue;
 				this.editor._resetComponents();
 				this.history.push(false, rootKey[i]);
 			} else {
@@ -1118,6 +1157,8 @@ HTML.prototype = {
 	 * @param {number|Array<number>} [options.rootKey=null] Root index
 	 */
 	add(html, { rootKey } = {}) {
+		this.ui._offCurrentController();
+
 		if (!rootKey) rootKey = [this.status.rootKey];
 		else if (!Array.isArray(rootKey)) rootKey = [rootKey];
 
@@ -1125,13 +1166,13 @@ HTML.prototype = {
 			this.editor.changeFrameContext(rootKey[i]);
 			const convertValue = this.clean(html, { forceFormat: true, whitelist: null, blacklist: null });
 
-			if (!this.editor.frameContext.get('isCodeView')) {
+			if (!this.frameContext.get('isCodeView')) {
 				const temp = dom.utils.createElement('DIV', null, convertValue);
 				const children = temp.children;
 				const len = children.length;
 				for (let j = 0; j < len; j++) {
 					if (!children[j]) continue;
-					this.editor.frameContext.get('wysiwyg').appendChild(children[j]);
+					this.frameContext.get('wysiwyg').appendChild(children[j]);
 				}
 				this.history.push(false, rootKey[i]);
 				this.selection.scrollTo(children[len - 1]);
@@ -1167,12 +1208,17 @@ HTML.prototype = {
 	/**
 	 * @this {HTMLThis}
 	 * @description Call "clipboard.write" to copy the contents and display a success/failure toast message.
-	 * @param {Element|Text|string} content Content to be copied to the clipboard
+	 * @param {Node|Element|Text|string} content Content to be copied to the clipboard
 	 * @returns {Promise<boolean>} Success or failure
 	 */
 	async copy(content) {
 		try {
-			await clipboard.write(content);
+			if (typeof content !== 'string' && !dom.check.isElement(content) && !dom.check.isText(content)) return false;
+
+			if ((await clipboard.write(content)) === false) {
+				this.editor.ui.showToast(this.lang.message_copy_fail, this.options.get('toastMessageTime').copy, 'error');
+				return false;
+			}
 			this.editor.ui.showToast(this.lang.message_copy_success, this.options.get('toastMessageTime').copy);
 			return true;
 		} catch (err) {
@@ -1190,15 +1236,15 @@ HTML.prototype = {
 	 * @param {number|Array<number>} [options.rootKey=null] Root index
 	 */
 	setFullPage(ctx, { rootKey } = {}) {
-		if (!this.editor.frameOptions.get('iframe')) return false;
+		if (!this.frameOptions.get('iframe')) return false;
 
 		if (!rootKey) rootKey = [this.status.rootKey];
 		else if (!Array.isArray(rootKey)) rootKey = [rootKey];
 
 		for (let i = 0; i < rootKey.length; i++) {
 			this.editor.changeFrameContext(rootKey[i]);
-			if (ctx.head) this.editor.frameContext.get('_wd').head.innerHTML = ctx.head.replace(this.__disallowedTagsRegExp, '');
-			if (ctx.body) this.editor.frameContext.get('_wd').body.innerHTML = this.clean(ctx.body, { forceFormat: true, whitelist: null, blacklist: null });
+			if (ctx.head) this.frameContext.get('_wd').head.innerHTML = ctx.head.replace(this.__disallowedTagsRegExp, '');
+			if (ctx.body) this.frameContext.get('_wd').body.innerHTML = this.clean(ctx.body, { forceFormat: true, whitelist: null, blacklist: null });
 			this.editor._resetComponents();
 		}
 	},
@@ -1217,7 +1263,7 @@ HTML.prototype = {
 	 * @private
 	 * @this {HTMLThis}
 	 * @description construct wysiwyg area element to html string
-	 * @param {Node|string} html WYSIWYG element (this.editor.frameContext.get('wysiwyg')) or HTML string.
+	 * @param {Node|string} html WYSIWYG element (this.frameContext.get('wysiwyg')) or HTML string.
 	 * @param {boolean} comp If true, does not line break and indentation of tags.
 	 * @returns {string}
 	 */
@@ -1278,18 +1324,22 @@ HTML.prototype = {
 	 * @this {HTMLThis}
 	 * @description Checks whether the given list item node should be removed and handles necessary clean-up.
 	 * @param {Node} item The list item node to be checked.
+	 * @param {boolean} isSingleItem Single item
+	 * @returns {{sc:Node, ec:Node}|null} An object containing the start and end containers if any transformations were made, otherwise null.
 	 */
-	_nodeRemoveListItem(item) {
+	_nodeRemoveListItem(item, isSingleItem) {
 		const line = this.format.getLine(item, null);
 		dom.utils.removeItem(item);
 
-		if (!dom.check.isListCell(line)) return;
+		if (!dom.check.isListCell(line) || isSingleItem) return;
 
-		this.nodeTransform.removeAllParents(line, null, null);
+		const result = this.nodeTransform.removeAllParents(line, null, null);
 
 		if (dom.check.isList(line?.firstChild)) {
 			line.insertBefore(dom.utils.createTextNode(unicode.zeroWidthSpace), line.firstChild);
 		}
+
+		return result ? { sc: result.sc, ec: result.ec } : null;
 	},
 
 	/**
@@ -1342,9 +1392,13 @@ HTML.prototype = {
 			if (dom.check.isExcludeFormat(node)) return node.outerHTML;
 
 			const ch =
-				dom.query.getListChildNodes(node, (current) => {
-					return dom.check.isSpanWithoutAttr(current) && !dom.query.getParentElement(current, dom.check.isExcludeFormat);
-				}) || [];
+				dom.query.getListChildNodes(
+					node,
+					(current) => {
+						return dom.check.isSpanWithoutAttr(current) && !dom.query.getParentElement(current, dom.check.isExcludeFormat);
+					},
+					null
+				) || [];
 			for (let i = ch.length - 1, c; i >= 0; i--) {
 				c = /** @type {HTMLElement} */ (ch[i]);
 				c.outerHTML = c.innerHTML;
@@ -1404,77 +1458,82 @@ HTML.prototype = {
 			withoutFormatCells = [];
 
 		// wrong position
-		const wrongTags = dom.query.getListChildNodes(documentFragment, (current) => {
-			if (formatFilter && current.nodeType !== 1) {
-				if (dom.check.isList(current.parentElement)) removeTags.push(current);
-				return false;
-			}
-
-			// tag filter
-			if (tagFilter) {
-				// white list
-				if (htmlCheckBlacklistRegExp.test(current.nodeName) || (!htmlCheckWhitelistRegExp.test(current.nodeName) && current.childNodes.length === 0 && dom.check.isExcludeFormat(current))) {
-					removeTags.push(current);
+		const wrongTags = dom.query.getListChildNodes(
+			documentFragment,
+			(current) => {
+				if (current.nodeType !== 1) {
+					if (formatFilter && dom.check.isList(current.parentElement)) removeTags.push(current);
+					if (current.nodeType === 3 && !current.textContent.trim()) removeTags.push(current);
 					return false;
 				}
-			}
 
-			const nrtag = !dom.query.getParentElement(current, dom.check.isExcludeFormat);
-
-			// formatFilter
-			if (formatFilter) {
-				// empty tags
-				if (
-					!dom.check.isTableElements(current) &&
-					!dom.check.isListCell(current) &&
-					!dom.check.isAnchor(current) &&
-					(this.format.isLine(current) || this.format.isBlock(current) || this.format.isTextStyleNode(current)) &&
-					current.childNodes.length === 0 &&
-					nrtag
-				) {
-					emptyTags.push(current);
-					return false;
+				// tag filter
+				if (tagFilter) {
+					// white list
+					if (htmlCheckBlacklistRegExp.test(current.nodeName) || (!htmlCheckWhitelistRegExp.test(current.nodeName) && current.childNodes.length === 0 && dom.check.isExcludeFormat(current))) {
+						removeTags.push(current);
+						return false;
+					}
 				}
 
-				// wrong list
-				if (dom.check.isList(current.parentNode) && !dom.check.isList(current) && !dom.check.isListCell(current)) {
-					wrongList.push(current);
-					return false;
-				}
+				const nrtag = !dom.query.getParentElement(current, dom.check.isExcludeFormat);
+
+				// formatFilter
+				if (formatFilter) {
+					// empty tags
+					if (
+						!dom.check.isTableElements(current) &&
+						!dom.check.isListCell(current) &&
+						!dom.check.isAnchor(current) &&
+						(this.format.isLine(current) || this.format.isBlock(current) || this.format.isTextStyleNode(current)) &&
+						current.childNodes.length === 0 &&
+						nrtag
+					) {
+						emptyTags.push(current);
+						return false;
+					}
 
-				// table cells
-				if (dom.check.isTableCell(current)) {
-					const fel = current.firstElementChild;
-					if (!this.format.isLine(fel) && !this.format.isBlock(fel) && !this.component.is(fel)) {
-						withoutFormatCells.push(current);
+					// wrong list
+					if (dom.check.isList(current.parentNode) && !dom.check.isList(current) && !dom.check.isListCell(current)) {
+						wrongList.push(current);
 						return false;
 					}
+
+					// table cells
+					if (dom.check.isTableCell(current)) {
+						const fel = current.firstElementChild;
+						if (!this.format.isLine(fel) && !this.format.isBlock(fel) && !this.component.is(fel)) {
+							withoutFormatCells.push(current);
+							return false;
+						}
+					}
 				}
-			}
 
-			// class filter
-			if (classFilter) {
-				if (nrtag && current.className) {
-					const className = new Array(current.classList).map(this._isAllowedClassName).join(' ').trim();
-					if (className) current.className = className;
-					else current.removeAttribute('class');
+				// class filter
+				if (classFilter) {
+					if (nrtag && current.className) {
+						const className = new Array(current.classList).map(this._isAllowedClassName).join(' ').trim();
+						if (className) current.className = className;
+						else current.removeAttribute('class');
+					}
 				}
-			}
 
-			// format filter
-			if (!formatFilter) {
-				return false;
-			}
+				// format filter
+				if (!formatFilter) {
+					return false;
+				}
 
-			const result =
-				!_freeCodeViewMode &&
-				current.parentNode !== documentFragment &&
-				nrtag &&
-				((dom.check.isListCell(current) && !dom.check.isList(current.parentNode)) ||
-					((this.format.isLine(current) || this.component.is(current)) && !this.format.isBlock(current.parentNode) && !dom.query.getParentElement(current, this.component.is.bind(this.component))));
+				const result =
+					!_freeCodeViewMode &&
+					current.parentNode !== documentFragment &&
+					nrtag &&
+					((dom.check.isListCell(current) && !dom.check.isList(current.parentNode)) ||
+						((this.format.isLine(current) || this.component.is(current)) && !this.format.isBlock(current.parentNode) && !dom.query.getParentElement(current, this.component.is.bind(this.component))));
 
-			return result;
-		});
+				return result;
+			},
+			null
+		);
 
 		for (let i = 0, len = removeTags.length; i < len; i++) {
 			dom.utils.removeItem(removeTags[i]);
@@ -1576,7 +1635,7 @@ HTML.prototype = {
 			if (n.nodeType === 8) {
 				value += '<!-- ' + n.textContent + ' -->';
 			} else if (!/meta/i.test(n.nodeName) && !this.format.isLine(n) && !this.format.isBlock(n) && !this.component.is(n) && !dom.check.isExcludeFormat(n)) {
-				if (!f) f = dom.utils.createElement(this.options.get('defaultLine'));
+				f ||= dom.utils.createElement(this.options.get('defaultLine'));
 				if (this.format.isTextStyleNode(n)) {
 					/** @type {HTMLElement} */
 					(n).removeAttribute('style');
@@ -1675,7 +1734,7 @@ HTML.prototype = {
 		}
 
 		if (sv) {
-			if (!v) v = [];
+			v ||= [];
 
 			let mv;
 			for (const [key, value] of this._cleanStyleRegExpMap) {
@@ -1694,7 +1753,7 @@ HTML.prototype = {
 				r = style[i].match(/([a-zA-Z0-9-]+)(:)([^"']+)/);
 				if (r && !/inherit|initial|revert|unset/i.test(r[3])) {
 					const k = converter.kebabToCamelCase(r[1].trim());
-					const cs = this.editor.frameContext.get('wwComputedStyle')[k]?.replace(/"/g, '');
+					const cs = this.frameContext.get('wwComputedStyle')[k]?.replace(/"/g, '');
 					const c = r[3].trim();
 					switch (k) {
 						case 'fontFamily':
@@ -1748,7 +1807,6 @@ HTML.prototype = {
 	 * @param {Node} parentNode The parent node where the duplicate check occurs.
 	 */
 	_checkDuplicateNode(oNode, parentNode) {
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
 		const inst = this;
 		(function recursionFunc(current) {
 			inst._dupleCheck(current, parentNode);
@@ -1802,7 +1860,7 @@ HTML.prototype = {
 				oNode.setAttribute('style', '');
 				oNode.removeAttribute('style');
 			}
-			if (!oNode.attributes.length) {
+			if (oNode.attributes.length === 0) {
 				oNode.setAttribute('data-duple', 'true');
 			}
 		}
@@ -1879,7 +1937,7 @@ function CleanElements(attrFilter, styleFilter, m, t) {
 	if (tagName === 'a') {
 		const sv = m.match(/(?:(?:id|name)\s*=\s*(?:"|')[^"']*(?:"|'))/g);
 		if (sv) {
-			if (!v) v = [];
+			v ||= [];
 			v.push(sv[0]);
 		}
 	} else if (!v || !/style=/i.test(v.toString())) {
@@ -1895,7 +1953,7 @@ function CleanElements(attrFilter, styleFilter, m, t) {
 	// figure
 	if (dom.check.isMedia(tagName) || dom.check.isFigure(tagName)) {
 		const sv = m.match(/style\s*=\s*(?:"|')[^"']*(?:"|')/);
-		if (!v) v = [];
+		v ||= [];
 		if (sv) v.push(sv[0]);
 	}