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

package/src/core/class/format.js

@@ -3,32 +3,22 @@
  */
 
 import CoreInjector from '../../editorInjector/_core';
-import { dom, unicode, numbers, converter } from '../../helper';
+import { dom, unicode, numbers } from '../../helper';
 
 /**
  * @typedef {Omit<Format & Partial<__se__EditorInjector>, 'format'>} FormatThis
  */
 
-/**
- * @typedef {Object} NodeStyleContainerType
- * @property {?Node=} ancestor
- * @property {?number=} offset
- * @property {?Node=} container
- * @property {?Node=} endContainer
- */
-
 /**
  * @constructor
  * @this {FormatThis}
- * @description Classes related to editor formats such as line creation, line retrieval from selected range, etc.
+ * @description Classes related to editor formats such as "line" and "block".
  * @param {__se__EditorCore} editor - The root editor instance
  */
 function Format(editor) {
 	CoreInjector.call(this, editor);
 
 	// members
-	this._listCamel = this.options.get('__listCommonStyle');
-	this._listKebab = converter.camelToKebabCase(this.options.get('__listCommonStyle'));
 	this._formatLineCheck = this.options.get('formatLine').reg;
 	this._formatBrLineCheck = this.options.get('formatBrLine').reg;
 	this._formatBlockCheck = this.options.get('formatBlock').reg;
@@ -78,8 +68,8 @@ Format.prototype = {
 		this.history.push(false);
 
 		// document type
-		if (this.editor.frameContext.has('documentType-use-header')) {
-			this.editor.frameContext.get('documentType').reHeader();
+		if (this.frameContext.has('documentType_use_header')) {
+			this.frameContext.get('documentType').reHeader();
 		}
 	},
 
@@ -92,16 +82,24 @@ Format.prototype = {
 	 */
 	getLine(node, validation) {
 		if (!node) return null;
-		if (!validation) {
-			validation = function () {
-				return true;
-			};
-		}
+
+		validation ||= () => true;
 
 		while (node) {
 			if (dom.check.isWysiwygFrame(node)) return null;
-			if (this.isBlock(node)) return /** @type {HTMLElement} */ (node.firstElementChild);
-			if (this.isLine(node) && validation(node)) return /** @type {HTMLElement} */ (node);
+
+			if (this.isBlock(node)) {
+				if (this.isLine(node.firstElementChild)) {
+					return /** @type {HTMLElement} */ (node.firstElementChild);
+				}
+				if (this.isLine(node)) {
+					return /** @type {HTMLElement} */ (node);
+				}
+			}
+
+			if (this.isLine(node) && validation(node)) {
+				return /** @type {HTMLElement} */ (node);
+			}
 
 			node = node.parentNode;
 		}
@@ -187,11 +185,8 @@ Format.prototype = {
 	 */
 	getBrLine(element, validation) {
 		if (!element) return null;
-		if (!validation) {
-			validation = function () {
-				return true;
-			};
-		}
+
+		validation ||= () => true;
 
 		while (element) {
 			if (dom.check.isWysiwygFrame(element)) return null;
@@ -220,7 +215,7 @@ Format.prototype = {
 		if (!this.isBrLine(element) && this.isBrLine(currentFormatEl || element.parentNode) && !this.component.is(element)) {
 			oFormat = dom.utils.createElement('BR');
 		} else {
-			const oFormatName = lineNode ? (typeof lineNode === 'string' ? lineNode : lineNode.nodeName) : this.isLineOnly(currentFormatEl) ? currentFormatEl.nodeName : this.options.get('defaultLine');
+			const oFormatName = lineNode ? (typeof lineNode === 'string' ? lineNode : lineNode.nodeName) : this.isNormalLine(currentFormatEl) ? currentFormatEl.nodeName : this.options.get('defaultLine');
 			oFormat = dom.utils.createElement(oFormatName, null, '<br>');
 			if ((lineNode && typeof lineNode !== 'string') || (!lineNode && this.isLine(currentFormatEl))) {
 				dom.utils.copyTagAttributes(oFormat, /** @type {Node} */ (lineNode || currentFormatEl), ['id']);
@@ -242,11 +237,8 @@ Format.prototype = {
 	 */
 	getBlock(element, validation) {
 		if (!element) return null;
-		if (!validation) {
-			validation = function () {
-				return true;
-			};
-		}
+
+		validation ||= () => true;
 
 		while (element) {
 			if (dom.check.isWysiwygFrame(element)) return null;
@@ -296,7 +288,7 @@ Format.prototype = {
 			}
 		}
 
-		const last = rangeLines[rangeLines.length - 1];
+		const last = rangeLines.at(-1);
 		let standTag, beforeTag, pElement;
 
 		if (this.isBlock(last) || this.isLine(last)) {
@@ -385,7 +377,7 @@ Format.prototype = {
 					}
 
 					if (!nested) block.appendChild(listParent);
-					if (nextList) edge.removeArray[edge.removeArray.length - 1].appendChild(nextList);
+					if (nextList) edge.removeArray.at(-1).appendChild(nextList);
 					listParent = null;
 					nested = false;
 				}
@@ -454,7 +446,7 @@ Format.prototype = {
 		let so = range.startOffset;
 		let eo = range.endOffset;
 
-		let children = dom.query.getListChildNodes(blockElement, (current) => current.parentNode === blockElement);
+		let children = dom.query.getListChildNodes(blockElement, null, 1);
 		let parent = blockElement.parentNode;
 		let firstNode = null;
 		let lastNode = null;
@@ -467,7 +459,7 @@ Format.prototype = {
 		let moveComplete = false;
 
 		const appendNode = (parentEl, insNode, sibling, originNode) => {
-			if (dom.check.isZeroWidth(insNode)) {
+			if (insNode.childNodes.length === 1 && dom.check.isZeroWidth(insNode)) {
 				insNode.innerHTML = unicode.zeroWidthSpace;
 				so = eo = 1;
 			}
@@ -486,12 +478,12 @@ Format.prototype = {
 				c = insChildren[0];
 				if (this._notTextNode(c) && !dom.check.isBreak(c) && !dom.check.isListCell(format)) {
 					if (format.childNodes.length > 0) {
-						if (!first) first = format;
+						first ||= format;
 						parentEl.insertBefore(format, sibling);
 						format = insNode.cloneNode(false);
 					}
 					parentEl.insertBefore(c, sibling);
-					if (!first) first = c;
+					first ||= c;
 				} else {
 					format.appendChild(c);
 				}
@@ -508,7 +500,7 @@ Format.prototype = {
 						parentEl.parentNode.insertBefore(format, parentEl.nextElementSibling);
 					} else {
 						const originNext = originNode.nextElementSibling;
-						const detachRange = this._removeNestedList(originNode, false);
+						const detachRange = this.listFormat.removeNested(originNode, false);
 						if (blockElement !== detachRange || originNext !== originNode.nextElementSibling) {
 							const fChildren = format.childNodes;
 							while (fChildren[0]) {
@@ -523,7 +515,7 @@ Format.prototype = {
 					parentEl.insertBefore(format, sibling);
 				}
 
-				if (!first) first = format;
+				first ||= format;
 			}
 
 			return first;
@@ -545,7 +537,7 @@ Format.prototype = {
 
 			if (selectedFormats) lineIndex = selectedFormats.indexOf(insNode);
 			if (selectedFormats && lineIndex === -1) {
-				if (!rangeEl) rangeEl = /** @type {HTMLElement} */ (blockElement.cloneNode(false));
+				rangeEl ||= /** @type {HTMLElement} */ (blockElement.cloneNode(false));
 				rangeEl.appendChild(insNode);
 			} else {
 				if (selectedFormats) next = selectedFormats[lineIndex + 1];
@@ -557,7 +549,7 @@ Format.prototype = {
 				if (!newList && dom.check.isListCell(insNode)) {
 					if (next && dom.query.getNodeDepth(insNode) !== dom.query.getNodeDepth(next) && (dom.check.isListCell(parent) || dom.utils.arrayFind(insNode.children, dom.check.isList))) {
 						const insNext = insNode.nextElementSibling;
-						const detachRange = this._removeNestedList(insNode, false);
+						const detachRange = this.listFormat.removeNested(insNode, false);
 						if (blockElement !== detachRange || insNext !== insNode.nextElementSibling) {
 							blockElement = detachRange;
 							reset = true;
@@ -568,10 +560,10 @@ Format.prototype = {
 							shouldDelete
 								? inner.nodeName
 								: dom.check.isList(blockElement.parentNode) || dom.check.isListCell(blockElement.parentNode)
-								? 'LI'
-								: dom.check.isTableCell(blockElement.parentNode)
-								? 'DIV'
-								: this.options.get('defaultLine')
+									? 'LI'
+									: dom.check.isTableCell(blockElement.parentNode)
+										? 'DIV'
+										: this.options.get('defaultLine')
 						);
 						const isCell = dom.check.isListCell(insNode);
 						const innerChildren = inner.childNodes;
@@ -601,9 +593,7 @@ Format.prototype = {
 						if (!reset) {
 							if (selectedFormats) {
 								lastNode = insNode;
-								if (!firstNode) {
-									firstNode = insNode;
-								}
+								firstNode ||= insNode;
 							} else if (!firstNode) {
 								firstNode = lastNode = insNode;
 							}
@@ -615,7 +605,7 @@ Format.prototype = {
 
 					if (reset) {
 						reset = moveComplete = false;
-						children = dom.query.getListChildNodes(blockElement, (current) => current.parentNode === blockElement);
+						children = dom.query.getListChildNodes(blockElement, null, 1);
 						rangeEl = /** @type {HTMLElement} */ (blockElement.cloneNode(false));
 						parent = blockElement.parentNode;
 						i = -1;
@@ -633,7 +623,7 @@ Format.prototype = {
 		}
 
 		if (newBlockElement) firstNode = newBlockElement.previousSibling;
-		else if (!firstNode) firstNode = blockElement.previousSibling;
+		else firstNode ||= blockElement.previousSibling;
 		rangeRight = blockElement.nextSibling !== rangeEl ? blockElement.nextSibling : rangeEl ? rangeEl.nextSibling : null;
 
 		if (/** @type {HTMLElement} */ (blockElement).children.length === 0 || blockElement.textContent.length === 0) {
@@ -643,6 +633,8 @@ Format.prototype = {
 		}
 
 		let edge = null;
+		this.editor.effectNode = null;
+
 		if (shouldDelete) {
 			edge = {
 				cc: rangeParent,
@@ -653,20 +645,23 @@ Format.prototype = {
 				removeArray: removeArray
 			};
 		} else {
-			if (!firstNode) firstNode = lastNode;
-			if (!lastNode) lastNode = firstNode;
-			const childEdge = dom.query.getEdgeChildNodes(firstNode, lastNode.parentNode ? firstNode : lastNode);
-			edge = {
-				cc: (childEdge.sc || childEdge.ec).parentNode,
-				sc: childEdge.sc,
-				so: so,
-				ec: childEdge.ec,
-				eo: eo,
-				removeArray: null
-			};
+			firstNode ||= lastNode;
+			lastNode ||= firstNode;
+			const childEdge = dom.query.getEdgeChildNodes(firstNode, lastNode?.parentNode ? firstNode : lastNode);
+			if (!childEdge) {
+				this.editor.focus();
+			} else {
+				edge = {
+					cc: (childEdge.sc || childEdge.ec).parentNode,
+					sc: childEdge.sc,
+					so: so,
+					ec: childEdge.ec,
+					eo: eo,
+					removeArray: null
+				};
+			}
 		}
 
-		this.editor.effectNode = null;
 		if (skipHistory) return edge;
 
 		if (!shouldDelete && edge) {
@@ -680,273 +675,6 @@ Format.prototype = {
 		this.history.push(false);
 	},
 
-	/**
-	 * @this {FormatThis}
-	 * @description Append all selected "line" element to the list and insert.
-	 * @param {string} type List type. (ol | ul):[listStyleType]
-	 * @param {Array<Node>} selectedCells "line" elements or list cells.
-	 * @param {boolean} nested If true, indenting existing list cells.
-	 */
-	applyList(type, selectedCells, nested) {
-		const listTag = (type.split(':')[0] || 'ol').toUpperCase();
-		const listStyle = type.split(':')[1] || '';
-
-		let range = this.selection.getRange();
-		let selectedFormats = /** @type {Array<HTMLElement>} */ (!selectedCells ? this.getLinesAndComponents(false) : selectedCells);
-
-		if (selectedFormats.length === 0) {
-			if (selectedCells) return;
-			range = this.selection.getRangeAndAddLine(range, null);
-			selectedFormats = this.getLinesAndComponents(false);
-			if (selectedFormats.length === 0) return;
-		}
-
-		dom.query.sortNodeByDepth(selectedFormats, true);
-
-		// merge
-		const firstSel = selectedFormats[0];
-		const lastSel = selectedFormats[selectedFormats.length - 1];
-		let topEl = (dom.check.isListCell(firstSel) || this.component.is(firstSel)) && !firstSel.previousElementSibling ? firstSel.parentElement.previousElementSibling : firstSel.previousElementSibling;
-		let bottomEl = (dom.check.isListCell(lastSel) || this.component.is(lastSel)) && !lastSel.nextElementSibling ? lastSel.parentElement.nextElementSibling : lastSel.nextElementSibling;
-
-		const isCollapsed = range.collapsed;
-		const originRange = {
-			sc: range.startContainer,
-			so: range.startContainer === range.endContainer && dom.check.isZeroWidth(range.startContainer) && range.startOffset === 0 && range.endOffset === 1 ? range.endOffset : range.startOffset,
-			ec: range.endContainer,
-			eo: range.endOffset
-		};
-		let afterRange = null;
-		let isRemove = true;
-
-		for (let i = 0, len = selectedFormats.length; i < len; i++) {
-			if (!dom.check.isList(this.getBlock(selectedFormats[i], (current) => this.getBlock(current) && current !== selectedFormats[i]))) {
-				isRemove = false;
-				break;
-			}
-		}
-
-		if (isRemove && (!topEl || firstSel.tagName !== topEl.tagName || listTag !== topEl.tagName.toUpperCase()) && (!bottomEl || lastSel.tagName !== bottomEl.tagName || listTag !== bottomEl.tagName.toUpperCase())) {
-			if (nested) {
-				for (let i = 0, len = selectedFormats.length; i < len; i++) {
-					for (let j = i - 1; j >= 0; j--) {
-						if (selectedFormats[j].contains(selectedFormats[i])) {
-							selectedFormats.splice(i, 1);
-							i--;
-							len--;
-							break;
-						}
-					}
-				}
-			}
-
-			const currentFormat = this.getBlock(firstSel);
-			const cancel = currentFormat?.tagName === listTag;
-			let rangeArr, tempList;
-			const passComponent = (current) => {
-				return !this.component.is(current);
-			};
-
-			if (!cancel) {
-				tempList = dom.utils.createElement(listTag, { style: 'list-style-type: ' + listStyle });
-			}
-
-			for (let i = 0, len = selectedFormats.length, r, o; i < len; i++) {
-				o = this.getBlock(selectedFormats[i], passComponent);
-				if (!o || !dom.check.isList(o)) continue;
-
-				if (!r) {
-					r = o;
-					rangeArr = {
-						r: r,
-						f: [dom.query.getParentElement(selectedFormats[i], 'LI')]
-					};
-				} else {
-					if (r !== o) {
-						if (nested && dom.check.isListCell(o.parentNode)) {
-							this._detachNested(rangeArr.f);
-						} else {
-							afterRange = this.removeBlock(rangeArr.f[0].parentElement, { selectedFormats: rangeArr.f, newBlockElement: tempList, shouldDelete: false, skipHistory: true });
-						}
-
-						o = selectedFormats[i].parentNode;
-						if (!cancel) {
-							tempList = dom.utils.createElement(listTag, { style: 'list-style-type: ' + listStyle });
-						}
-
-						r = o;
-						rangeArr = {
-							r: r,
-							f: [dom.query.getParentElement(selectedFormats[i], 'LI')]
-						};
-					} else {
-						rangeArr.f.push(dom.query.getParentElement(selectedFormats[i], 'LI'));
-					}
-				}
-
-				if (i === len - 1) {
-					if (nested && dom.check.isListCell(o.parentNode)) {
-						this._detachNested(rangeArr.f);
-					} else {
-						afterRange = this.removeBlock(rangeArr.f[0].parentElement, { selectedFormats: rangeArr.f, newBlockElement: tempList, shouldDelete: false, skipHistory: true });
-					}
-				}
-			}
-		} else {
-			const topElParent = topEl ? topEl.parentNode : topEl;
-			const bottomElParent = bottomEl ? bottomEl.parentNode : bottomEl;
-			topEl = /** @type {HTMLElement} */ (topElParent && !dom.check.isWysiwygFrame(topElParent) && topElParent.nodeName === listTag ? topElParent : topEl);
-			bottomEl = /** @type {HTMLElement} */ (bottomElParent && !dom.check.isWysiwygFrame(bottomElParent) && bottomElParent.nodeName === listTag ? bottomElParent : bottomEl);
-
-			const mergeTop = topEl?.tagName === listTag;
-			const mergeBottom = bottomEl?.tagName === listTag;
-
-			let list = mergeTop ? topEl : dom.utils.createElement(listTag, { style: 'list-style-type: ' + listStyle });
-			let firstList = null;
-			let topNumber = null;
-			// let lastList = null;
-			// let bottomNumber = null;
-
-			const passComponent = (current) => {
-				return !this.component.is(current) && !dom.check.isList(current);
-			};
-
-			for (let i = 0, len = selectedFormats.length, newCell, fTag, isCell, next, originParent, nextParent, parentTag, siblingTag, rangeTag; i < len; i++) {
-				fTag = selectedFormats[i];
-				if (fTag.childNodes.length === 0 && !this._isIgnoreNodeChange(fTag)) {
-					dom.utils.removeItem(fTag);
-					continue;
-				}
-				next = selectedFormats[i + 1];
-				originParent = fTag.parentNode;
-				nextParent = next ? next.parentNode : null;
-				isCell = dom.check.isListCell(fTag);
-				rangeTag = this.isBlock(originParent) ? originParent : null;
-				parentTag = isCell && !dom.check.isWysiwygFrame(originParent) ? originParent.parentNode : originParent;
-				siblingTag = isCell && !dom.check.isWysiwygFrame(originParent) ? (!next || dom.check.isListCell(parentTag) ? originParent : originParent.nextSibling) : fTag.nextSibling;
-
-				newCell = dom.utils.createElement('LI');
-				dom.utils.copyFormatAttributes(newCell, fTag);
-				if (this.component.is(fTag)) {
-					const isHR = /^HR$/i.test(fTag.nodeName);
-					if (!isHR) newCell.innerHTML = '<br>';
-					newCell.innerHTML += fTag.outerHTML;
-					if (isHR) newCell.innerHTML += '<br>';
-				} else {
-					const fChildren = fTag.childNodes;
-					while (fChildren[0]) {
-						newCell.appendChild(fChildren[0]);
-					}
-				}
-				list.appendChild(newCell);
-
-				// if (!next) lastList = list;
-				if (!next || parentTag !== nextParent || this.isBlock(siblingTag)) {
-					if (!firstList) firstList = list;
-					if ((!mergeTop || !next || parentTag !== nextParent) && !(next && dom.check.isList(nextParent) && nextParent === originParent)) {
-						if (list.parentNode !== parentTag) parentTag.insertBefore(list, siblingTag);
-					}
-				}
-
-				dom.utils.removeItem(fTag);
-				if (mergeTop && topNumber === null) topNumber = list.children.length - 1;
-				if (
-					next &&
-					(this.getBlock(nextParent, passComponent) !== this.getBlock(originParent, passComponent) ||
-						(dom.check.isList(nextParent) && dom.check.isList(originParent) && dom.query.getNodeDepth(nextParent) !== dom.query.getNodeDepth(originParent)))
-				) {
-					list = dom.utils.createElement(listTag, { style: 'list-style-type: ' + listStyle });
-				}
-
-				if (rangeTag?.children.length === 0) dom.utils.removeItem(rangeTag);
-			}
-
-			if (topNumber) {
-				firstList = firstList.children[topNumber];
-			}
-
-			if (mergeBottom) {
-				// bottomNumber = list.children.length - 1;
-				list.innerHTML += bottomEl.innerHTML;
-				// lastList = list.children[bottomNumber] || lastList;
-				dom.utils.removeItem(bottomEl);
-			}
-		}
-
-		this.editor.effectNode = null;
-		return !isRemove || !isCollapsed ? originRange : afterRange || originRange;
-	},
-
-	/**
-	 * @this {FormatThis}
-	 * @description "selectedCells" array are detached from the list element.
-	 * - The return value is applied when the first and last lines of "selectedFormats" are "LI" respectively.
-	 * @param {Array<Node>} selectedCells Array of ["line", li] elements(LI, P...) to remove.
-	 * @param {boolean} shouldDelete If true, It does not just remove the list, it deletes the content.
-	 * @returns {{sc: Node, ec: Node}} Node information after deletion
-	 * - sc: Start container node
-	 * - ec: End container node
-	 */
-	removeList(selectedCells, shouldDelete) {
-		let rangeArr = {};
-		let listFirst = false;
-		let listLast = false;
-		let first = null;
-		let last = null;
-		const passComponent = (current) => {
-			return !this.component.is(current);
-		};
-
-		for (let i = 0, len = selectedCells.length, r, o, lastIndex, isList; i < len; i++) {
-			lastIndex = i === len - 1;
-			o = this.getBlock(selectedCells[i], passComponent);
-			isList = dom.check.isList(o);
-			if (!r && isList) {
-				r = o;
-				rangeArr = {
-					r: r,
-					f: [dom.query.getParentElement(selectedCells[i], 'LI')]
-				};
-				if (i === 0) listFirst = true;
-			} else if (r && isList) {
-				if (r !== o) {
-					const edge = this.removeBlock(rangeArr.f[0].parentNode, { selectedFormats: rangeArr.f, newBlockElement: null, shouldDelete, skipHistory: true });
-					o = selectedCells[i].parentNode;
-					if (listFirst) {
-						first = edge.sc;
-						listFirst = false;
-					}
-					if (lastIndex) last = edge.ec;
-
-					if (isList) {
-						r = o;
-						rangeArr = {
-							r: r,
-							f: [dom.query.getParentElement(selectedCells[i], 'LI')]
-						};
-						if (lastIndex) listLast = true;
-					} else {
-						r = null;
-					}
-				} else {
-					rangeArr.f.push(dom.query.getParentElement(selectedCells[i], 'LI'));
-					if (lastIndex) listLast = true;
-				}
-			}
-
-			if (lastIndex && dom.check.isList(r)) {
-				const edge = this.removeBlock(rangeArr.f[0].parentNode, { selectedFormats: rangeArr.f, newBlockElement: null, shouldDelete, skipHistory: true });
-				if (listLast || len === 1) last = edge.ec;
-				if (listFirst) first = edge.sc || last;
-			}
-		}
-
-		return {
-			sc: first,
-			ec: last
-		};
-	},
-
 	/**
 	 * @this {FormatThis}
 	 * @description Indent more the selected lines.
@@ -964,7 +692,7 @@ Format.prototype = {
 
 		// list cells
 		if (cells.length > 0) {
-			this._applyNestedList(cells, true);
+			this.listFormat.applyNested(cells, false);
 		}
 
 		this.editor.effectNode = null;
@@ -989,7 +717,7 @@ Format.prototype = {
 
 		// list cells
 		if (cells.length > 0) {
-			this._applyNestedList(cells, false);
+			this.listFormat.applyNested(cells, true);
 		}
 
 		this.editor.effectNode = null;
@@ -997,378 +725,6 @@ Format.prototype = {
 		this.history.push(false);
 	},
 
-	/**
-	 * @this {FormatThis}
-	 * @description Adds, updates, or deletes style nodes from selected text (a, span, strong, etc.).
-	 * @param {?Node} styleNode The element to be added to the selection. If null, only existing nodes are modified or removed.
-	 * @param {Object} [options] Options
-	 * @param {Array<string>} [options.stylesToModify=null] Array of style or class names to check and modify.
-	 *        (e.g., ['font-size'], ['.className'], ['font-family', 'color', '.className'])
-	 * @param {Array<string>} [options.nodesToRemove=null] Array of node names to remove.
-	 *        If empty array or null when styleNode is null, all formats are removed.
-	 *        (e.g., ['span'], ['strong', 'em'])
-	 * @param {boolean} [options.strictRemove=false] If true, only removes nodes from nodesToRemove if all styles and classes are removed.
-	 * @returns {HTMLElement} The element that was added to or modified in the selection.
-	 *
-	 * @details
-	 * 1. If styleNode is provided, a node with the same tags and attributes is added to the selected text.
-	 * 2. If the same tag already exists, only its attributes are updated.
-	 * 3. If styleNode is null, existing nodes are updated or removed without adding new ones.
-	 * 4. Styles matching those in stylesToModify are removed. (Use CSS attribute names, e.g., "background-color")
-	 * 5. Classes matching those in stylesToModify (prefixed with ".") are removed.
-	 * 6. stylesToModify is used to avoid duplicate property values from styleNode.
-	 * 7. Nodes with all styles and classes removed are deleted if they match styleNode, are in nodesToRemove, or if styleNode is null.
-	 * 8. Tags matching names in nodesToRemove are deleted regardless of their style and class.
-	 * 9. If strictRemove is true, nodes in nodesToRemove are only removed if all their styles and classes are removed.
-	 * 10. The function won't modify nodes if the parent has the same class and style values.
-	 * - However, if nodesToRemove has values, it will work and separate text nodes even if there's no node to replace.
-	 */
-	applyInlineElement(styleNode, { stylesToModify, nodesToRemove, strictRemove } = {}) {
-		if (dom.query.getParentElement(this.selection.getNode(), dom.check.isNonEditable)) return;
-
-		this.selection._resetRangeToTextNode();
-		let range = this.selection.getRangeAndAddLine(this.selection.getRange(), null);
-		stylesToModify = stylesToModify?.length > 0 ? stylesToModify : null;
-		nodesToRemove = nodesToRemove?.length > 0 ? nodesToRemove : null;
-
-		const isRemoveNode = !styleNode;
-		const isRemoveFormat = isRemoveNode && !nodesToRemove && !stylesToModify;
-		let startCon = range.startContainer;
-		let startOff = range.startOffset;
-		let endCon = range.endContainer;
-		let endOff = range.endOffset;
-
-		if ((isRemoveFormat && range.collapsed && this.isLine(startCon.parentNode) && this.isLine(endCon.parentNode)) || (startCon === endCon && startCon.nodeType === 1 && dom.check.isNonEditable(startCon))) {
-			const format = startCon.parentNode;
-			if (
-				!dom.check.isListCell(format) ||
-				!converter.getValues(format.style).some((k) => {
-					return this._listKebab.includes(k);
-				})
-			)
-				return;
-			return;
-		}
-
-		if (range.collapsed && !isRemoveFormat) {
-			if (startCon.nodeType === 1 && !dom.check.isBreak(startCon) && !this.component.is(startCon)) {
-				let afterNode = null;
-				const focusNode = startCon.childNodes[startOff];
-
-				if (focusNode) {
-					if (!focusNode.nextSibling) {
-						afterNode = null;
-					} else {
-						afterNode = dom.check.isBreak(focusNode) ? focusNode : focusNode.nextSibling;
-					}
-				}
-
-				const zeroWidth = dom.utils.createTextNode(unicode.zeroWidthSpace);
-				startCon.insertBefore(zeroWidth, afterNode);
-				this.selection.setRange(zeroWidth, 1, zeroWidth, 1);
-
-				range = this.selection.getRange();
-				startCon = range.startContainer;
-				startOff = range.startOffset;
-				endCon = range.endContainer;
-				endOff = range.endOffset;
-			}
-		}
-
-		if (this.isLine(startCon)) {
-			startCon = startCon.childNodes[startOff] || startCon.firstChild;
-			startOff = 0;
-		}
-		if (this.isLine(endCon)) {
-			endCon = endCon.childNodes[endOff] || endCon.lastChild;
-			endOff = endCon.textContent.length;
-		}
-
-		if (isRemoveNode) {
-			styleNode = dom.utils.createElement('DIV');
-		}
-
-		const wRegExp = RegExp;
-		const newNodeName = styleNode.nodeName;
-
-		/* checked same style property */
-		if (!isRemoveFormat && startCon === endCon && !nodesToRemove && styleNode) {
-			let sNode = startCon;
-			let checkCnt = 0;
-			const checkAttrs = [];
-
-			const checkStyles = /** @type {HTMLElement} */ (styleNode).style;
-			for (let i = 0, len = checkStyles.length; i < len; i++) {
-				checkAttrs.push(checkStyles[i]);
-			}
-
-			const checkClassName = /** @type {HTMLElement} */ (styleNode).className;
-			const ckeckClasses = /** @type {HTMLElement} */ (styleNode).classList;
-			for (let i = 0, len = ckeckClasses.length; i < len; i++) {
-				checkAttrs.push('.' + ckeckClasses[i]);
-			}
-
-			if (checkAttrs.length > 0) {
-				while (!this.isLine(sNode) && !dom.check.isWysiwygFrame(sNode)) {
-					for (let i = 0; i < checkAttrs.length; i++) {
-						if (sNode.nodeType === 1) {
-							const s = checkAttrs[i];
-							const classReg = /^\./.test(s) ? new wRegExp('\\s*' + s.replace(/^\./, '') + '(\\s+|$)', 'ig') : false;
-							const sNodeStyle = /** @type {HTMLElement} */ (sNode).style;
-							const sNodeClassName = /** @type {HTMLElement} */ (sNode).className;
-
-							const styleCheck = isRemoveNode ? !!sNodeStyle[s] : !!sNodeStyle[s] && !!checkStyles[s] && sNodeStyle[s] === checkStyles[s];
-							const classCheck = classReg === false ? false : isRemoveNode ? !!sNodeClassName.match(classReg) : !!sNodeClassName.match(classReg) && !!checkClassName.match(classReg);
-							if (styleCheck || classCheck) {
-								checkCnt++;
-							}
-						}
-					}
-					sNode = sNode.parentNode;
-				}
-
-				if (checkCnt >= checkAttrs.length) return;
-			}
-		}
-
-		let newNode;
-		/** @type {NodeStyleContainerType} */
-		let start = {};
-		/** @type {NodeStyleContainerType} */
-		let end = {};
-
-		/** @type {string|RegExp} */
-		let styleRegExp;
-		/** @type {string|RegExp} */
-		let classRegExp;
-		/** @type {string|RegExp} */
-		let removeNodeRegExp;
-
-		if (stylesToModify) {
-			for (let i = 0, len = stylesToModify.length, s; i < len; i++) {
-				s = stylesToModify[i];
-				if (/^\./.test(s)) {
-					classRegExp += (classRegExp ? '|' : '\\s*(?:') + s.replace(/^\./, '');
-				} else {
-					styleRegExp += (styleRegExp ? '|' : '(?:;|^|\\s)(?:') + s;
-				}
-			}
-
-			if (styleRegExp) {
-				styleRegExp += ')\\s*:[^;]*\\s*(?:;|$)';
-				styleRegExp = new wRegExp(styleRegExp, 'ig');
-			}
-
-			if (classRegExp) {
-				classRegExp += ')(?=\\s+|$)';
-				classRegExp = new wRegExp(classRegExp, 'ig');
-			}
-		}
-
-		if (nodesToRemove) {
-			removeNodeRegExp = '^(?:' + nodesToRemove[0];
-			for (let i = 1; i < nodesToRemove.length; i++) {
-				removeNodeRegExp += '|' + nodesToRemove[i];
-			}
-			removeNodeRegExp += ')$';
-			removeNodeRegExp = new wRegExp(removeNodeRegExp, 'i');
-		}
-
-		/** validation check function*/
-		const _removeCheck = {
-			v: false
-		};
-		const validation = function (checkNode) {
-			const vNode = checkNode.cloneNode(false);
-
-			// all path
-			if (vNode.nodeType === 3 || dom.check.isBreak(vNode)) return vNode;
-			// all remove
-			if (isRemoveFormat) return null;
-
-			// remove node check
-			const tagRemove = (!removeNodeRegExp && isRemoveNode) || /** @type {RegExp} */ (removeNodeRegExp)?.test(vNode.nodeName);
-
-			// tag remove
-			if (tagRemove && !strictRemove) {
-				_removeCheck.v = true;
-				return null;
-			}
-
-			// style regexp
-			const originStyle = vNode.style.cssText;
-			let style = '';
-			if (styleRegExp && originStyle.length > 0) {
-				style = originStyle.replace(styleRegExp, '').trim();
-				if (style !== originStyle) _removeCheck.v = true;
-			}
-
-			// class check
-			const originClasses = vNode.className;
-			let classes = '';
-			if (classRegExp && originClasses.length > 0) {
-				classes = originClasses.replace(classRegExp, '').trim();
-				if (classes !== originClasses) _removeCheck.v = true;
-			}
-
-			// remove only
-			if (isRemoveNode) {
-				if ((classRegExp || !originClasses) && (styleRegExp || !originStyle) && !style && !classes && tagRemove) {
-					_removeCheck.v = true;
-					return null;
-				}
-			}
-
-			// change
-			if (style || classes || vNode.nodeName !== newNodeName || Boolean(styleRegExp) !== Boolean(originStyle) || Boolean(classRegExp) !== Boolean(originClasses)) {
-				if (styleRegExp && originStyle.length > 0) vNode.style.cssText = style;
-				if (!vNode.style.cssText) {
-					vNode.removeAttribute('style');
-				}
-
-				if (classRegExp && originClasses.length > 0) vNode.className = classes.trim();
-				if (!vNode.className.trim()) {
-					vNode.removeAttribute('class');
-				}
-
-				if (!vNode.style.cssText && !vNode.className && (vNode.nodeName === newNodeName || tagRemove)) {
-					_removeCheck.v = true;
-					return null;
-				}
-
-				return vNode;
-			}
-
-			_removeCheck.v = true;
-			return null;
-		};
-
-		// get line nodes
-		const lineNodes = this.getLines(null);
-		range = this.selection.getRange();
-		startCon = range.startContainer;
-		startOff = range.startOffset;
-		endCon = range.endContainer;
-		endOff = range.endOffset;
-
-		if (!this.getLine(startCon, null)) {
-			startCon = dom.query.getEdgeChild(
-				lineNodes[0],
-				function (current) {
-					return current.nodeType === 3;
-				},
-				false
-			);
-			startOff = 0;
-		}
-
-		if (!this.getLine(endCon, null)) {
-			endCon = dom.query.getEdgeChild(
-				lineNodes[lineNodes.length - 1],
-				function (current) {
-					return current.nodeType === 3;
-				},
-				false
-			);
-			endOff = endCon.textContent.length;
-		}
-
-		const oneLine = this.getLine(startCon, null) === this.getLine(endCon, null);
-		const endLength = lineNodes.length - (oneLine ? 0 : 1);
-
-		// node Changes
-		newNode = styleNode.cloneNode(false);
-
-		const isRemoveAnchor =
-			isRemoveFormat ||
-			(isRemoveNode &&
-				(function (inst, arr) {
-					for (let n = 0, len = arr.length; n < len; n++) {
-						if (inst._isNonSplitNode(arr[n])) return true;
-					}
-					return false;
-				})(this, nodesToRemove));
-
-		const isSizeNode = isRemoveNode || this._sn_isSizeNode(newNode);
-		const _getMaintainedNode = this._sn_getMaintainedNode.bind(this, isRemoveAnchor, isSizeNode);
-		const _isMaintainedNode = this._sn_isMaintainedNode.bind(this, isRemoveAnchor, isSizeNode);
-
-		// one line
-		if (oneLine) {
-			if (this._sn_resetCommonListCell(lineNodes[0], stylesToModify)) range = this.selection.setRange(startCon, startOff, endCon, endOff);
-
-			const newRange = this._setNode_oneLine(lineNodes[0], newNode, validation, startCon, startOff, endCon, endOff, isRemoveFormat, isRemoveNode, range.collapsed, _removeCheck, _getMaintainedNode, _isMaintainedNode);
-			start.container = newRange.startContainer;
-			start.offset = newRange.startOffset;
-			end.container = newRange.endContainer;
-			end.offset = newRange.endOffset;
-
-			if (start.container === end.container && dom.check.isZeroWidth(start.container)) {
-				start.offset = end.offset = 1;
-			}
-			this._sn_setCommonListStyle(newRange.ancestor, null);
-		} else {
-			// multi line
-			let appliedCommonList = false;
-			if (endLength > 0 && this._sn_resetCommonListCell(lineNodes[endLength], stylesToModify)) appliedCommonList = true;
-			if (this._sn_resetCommonListCell(lineNodes[0], stylesToModify)) appliedCommonList = true;
-			if (appliedCommonList) this.selection.setRange(startCon, startOff, endCon, endOff);
-
-			// end
-			if (endLength > 0) {
-				newNode = styleNode.cloneNode(false);
-				end = this._setNode_endLine(lineNodes[endLength], newNode, validation, endCon, endOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode);
-			}
-
-			// mid
-			for (let i = endLength - 1, newRange; i > 0; i--) {
-				this._sn_resetCommonListCell(lineNodes[i], stylesToModify);
-				newNode = styleNode.cloneNode(false);
-				newRange = this._setNode_middleLine(lineNodes[i], newNode, validation, isRemoveFormat, isRemoveNode, _removeCheck, end.container);
-				if (newRange.endContainer && newRange.ancestor.contains(newRange.endContainer)) {
-					end.ancestor = null;
-					end.container = newRange.endContainer;
-				}
-				this._sn_setCommonListStyle(newRange.ancestor, null);
-			}
-
-			// start
-			newNode = styleNode.cloneNode(false);
-			start = this._setNode_startLine(lineNodes[0], newNode, validation, startCon, startOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode, end.container);
-
-			if (start.endContainer) {
-				end.ancestor = null;
-				end.container = start.endContainer;
-			}
-
-			if (endLength <= 0) {
-				end = start;
-			} else if (!end.container) {
-				end.ancestor = null;
-				end.container = start.container;
-				end.offset = start.container.textContent.length;
-			}
-
-			this._sn_setCommonListStyle(start.ancestor, null);
-			this._sn_setCommonListStyle(end.ancestor || this.getLine(end.container), null);
-		}
-
-		// set range
-		this.ui._offCurrentController();
-		this.selection.setRange(start.container, start.offset, end.container, end.offset);
-		this.history.push(false);
-
-		return /** @type {HTMLElement} */ (newNode);
-	},
-
-	/**
-	 * @this {FormatThis}
-	 * @description Remove format of the currently selected text.
-	 */
-	removeInlineElement() {
-		this.applyInlineElement(null, { stylesToModify: null, nodesToRemove: null, strictRemove: null });
-	},
-
 	/**
 	 * @this {FormatThis}
 	 * @description Check if the container and offset values are the edges of the "line"
@@ -1401,7 +757,7 @@ Format.prototype = {
 	 * @returns {element is HTMLElement}
 	 */
 	isTextStyleNode(element) {
-		return typeof element === 'string' ? this._textStyleTagsCheck.test(element) : element && element.nodeType === 1 && this._textStyleTagsCheck.test(element.nodeName);
+		return typeof element === 'string' ? this._textStyleTagsCheck.test(element) : element?.nodeType === 1 && this._textStyleTagsCheck.test(element.nodeName);
 	},
 
 	/**
@@ -1413,20 +769,19 @@ Format.prototype = {
 	 * @returns {element is HTMLElement}
 	 */
 	isLine(element) {
-		if (this.isBlock(element)) return false;
 		return typeof element === 'string'
 			? this._formatLineCheck.test(element)
-			: element && element.nodeType === 1 && (this._formatLineCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__line_.+|__se__format__br_line_.+')) && !this._nonFormat(element);
+			: element?.nodeType === 1 && (this._formatLineCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__line_.+|__se__format__br_line_.+')) && !this._nonFormat(element);
 	},
 
 	/**
 	 * @this {FormatThis}
-	 * @description It is judged whether it is the only "line" element, not "brLine".
+	 * @description It is judged whether it is the only "line" element.
 	 * @param {Node|string} element The node to check
 	 * @returns {element is HTMLElement}
 	 */
-	isLineOnly(element) {
-		return this.isLine(element) && (this._brLineBreak || !this.isBrLine(element));
+	isNormalLine(element) {
+		return this.isLine(element) && (this._brLineBreak || !this.isBrLine(element)) && !this.isBlock(element);
 	},
 
 	/**
@@ -1444,7 +799,7 @@ Format.prototype = {
 			(this._brLineBreak && this.isLine(element)) ||
 			(typeof element === 'string'
 				? this._formatBrLineCheck.test(element)
-				: element && element.nodeType === 1 && (this._formatBrLineCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__br_line_.+')) && !this._nonFormat(element))
+				: element?.nodeType === 1 && (this._formatBrLineCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__br_line_.+')) && !this._nonFormat(element))
 		);
 	},
 
@@ -1459,7 +814,7 @@ Format.prototype = {
 	isBlock(element) {
 		return typeof element === 'string'
 			? this._formatBlockCheck.test(element)
-			: element && element.nodeType === 1 && (this._formatBlockCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__block_.+')) && !this._nonFormat(element);
+			: element?.nodeType === 1 && (this._formatBlockCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__block_.+')) && !this._nonFormat(element);
 	},
 
 	/**
@@ -1476,7 +831,7 @@ Format.prototype = {
 	isClosureBlock(element) {
 		return typeof element === 'string'
 			? this._formatClosureBlockCheck.test(element)
-			: element && element.nodeType === 1 && (this._formatClosureBlockCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__block_closure_.+')) && !this._nonFormat(element);
+			: element?.nodeType === 1 && (this._formatClosureBlockCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__block_closure_.+')) && !this._nonFormat(element);
 	},
 
 	/**
@@ -1493,7 +848,7 @@ Format.prototype = {
 	isClosureBrLine(element) {
 		return typeof element === 'string'
 			? this._formatClosureBrLineCheck.test(element)
-			: element && element.nodeType === 1 && (this._formatClosureBrLineCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__br_line__closure_.+')) && !this._nonFormat(element);
+			: element?.nodeType === 1 && (this._formatClosureBrLineCheck.test(element.nodeName) || dom.utils.hasClass(element, '__se__format__br_line__closure_.+')) && !this._nonFormat(element);
 	},
 
 	/**
@@ -1507,10 +862,10 @@ Format.prototype = {
 		let range = this.selection.getRange();
 
 		if (dom.check.isWysiwygFrame(range.startContainer)) {
-			const children = this.editor.frameContext.get('wysiwyg').children;
+			const children = this.frameContext.get('wysiwyg').children;
 			if (children.length === 0) return [];
 
-			this.selection.setRange(children[0], 0, children[children.length - 1], children[children.length - 1].textContent.trim().length);
+			this.selection.setRange(children[0], 0, children.at(-1), children.at(-1).textContent.trim().length);
 			range = this.selection.getRange();
 		}
 
@@ -1519,11 +874,10 @@ Format.prototype = {
 		const commonCon = range.commonAncestorContainer;
 
 		// get line nodes
-		const lineNodes = dom.query.getListChildren(commonCon, (current) => {
-			return validation ? validation(current) : this.isLine(current);
-		});
+		validation ||= this.isLine.bind(this);
+		const lineNodes = dom.query.getListChildren(commonCon, (current) => validation(current), null);
 
-		if (!dom.check.isWysiwygFrame(commonCon) && !this.isBlock(commonCon)) lineNodes.unshift(this.getLine(commonCon, null));
+		if (commonCon.nodeType === 3 || (!dom.check.isWysiwygFrame(commonCon) && !this.isBlock(commonCon))) lineNodes.unshift(this.getLine(commonCon, null));
 		if (startCon === endCon || lineNodes.length === 1) return lineNodes;
 
 		const startLine = this.getLine(startCon, null);
@@ -1575,8 +929,8 @@ Format.prototype = {
 			? this.getLines(null)
 			: this.getLines((current) => {
 					const component = dom.query.getParentElement(current, this.component.is.bind(this.component));
-					return (this.isLine(current) && (!component || component === myComponent)) || (this.component.is(current) && !this.getLine(current));
-			  });
+					return (this.isLine(current) && (!component || component === myComponent)) || (dom.check.isComponentContainer(current) && !this.getLine(current));
+				});
 
 		if (removeDuplicate) {
 			for (let i = 0, len = selectedLines.length; i < len; i++) {
@@ -1616,20 +970,6 @@ Format.prototype = {
 		return dom.check.isExcludeFormat(element) || this.component.is(element) || dom.check.isWysiwygFrame(element);
 	},
 
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Nodes that must remain undetached when changing text nodes (A, Label, Code, Span:font-size)
-	 * @param {Node|string} element Element to check
-	 * @returns {boolean}
-	 */
-	_isNonSplitNode(element) {
-		if (!element) return false;
-		const checkRegExp = /^(a|label|code|summary)$/i;
-		if (typeof element === 'string') return checkRegExp.test(element);
-		return element.nodeType === 1 && checkRegExp.test(element.nodeName);
-	},
-
 	/**
 	 * @private
 	 * @this {FormatThis}
@@ -1644,17 +984,6 @@ Format.prototype = {
 		return element.nodeType === 1 && (this.component.is(element) || checkRegExp.test(element.nodeName));
 	},
 
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Nodes that need to be added without modification when changing text nodes
-	 * @param {Node} element Element to check
-	 * @returns {boolean}
-	 */
-	_isIgnoreNodeChange(element) {
-		return element && element.nodeType === 1 && (dom.check.isNonEditable(element) || !this.isTextStyleNode(element) || this.component.is(element));
-	},
-
 	/**
 	 * @private
 	 * @this {FormatThis}
@@ -1675,12 +1004,12 @@ Format.prototype = {
 		const endOffset = range.endOffset;
 
 		let first = /** @type {Node} */ (selectedFormsts[0]);
-		let last = /** @type {Node} */ (selectedFormsts[selectedFormsts.length - 1]);
+		let last = /** @type {Node} */ (selectedFormsts.at(-1));
 		const firstPath = dom.query.getNodePath(range.startContainer, first, null);
 		const lastPath = dom.query.getNodePath(range.endContainer, last, null);
 
 		// remove selected list
-		const rlist = this.removeList(selectedFormsts, false);
+		const rlist = this.listFormat.remove(selectedFormsts, false);
 		if (rlist.sc) first = rlist.sc;
 		if (rlist.ec) last = rlist.ec;
 
@@ -1701,1700 +1030,25 @@ Format.prototype = {
 	/**
 	 * @private
 	 * @this {FormatThis}
-	 * @description Attaches a nested list structure by merging adjacent lists if applicable.
-	 * - Ensures that the nested list is placed correctly in the document structure.
-	 * @param {Element} originList The original list element where the nested list is inserted.
-	 * @param {Element} innerList The nested list element.
-	 * @param {Element} prev The previous sibling element.
-	 * @param {Element} next The next sibling element.
-	 * @param {{s: Array<number> | null, e: Array<number> | null, sl: Node | null, el: Node | null}} nodePath Object storing the start and end node paths.
-	 * - s : Start node path.
-	 * - e : End node path.
-	 * - sl : Start node's parent element.
-	 * - el : End node's parent element.
-	 * @returns {Node} The attached inner list.
+	 * @description Reset the line break format.
+	 * @param {"line"|"br"} breakFormat options.get('defaultLineBreakFormat')
 	 */
-	_attachNested(originList, innerList, prev, next, nodePath) {
-		let insertPrev = false;
-
-		if (innerList.tagName === prev?.tagName) {
-			const children = innerList.children;
-			while (children[0]) {
-				prev.appendChild(children[0]);
-			}
+	__resetBrLineBreak(breakFormat) {
+		this._brLineBreak = breakFormat === 'br';
+	},
 
-			innerList = prev;
-			insertPrev = true;
-		}
+	constructor: Format
+};
 
-		if (innerList.tagName === next?.tagName) {
-			const children = next.children;
-			while (children[0]) {
-				innerList.appendChild(children[0]);
-			}
-
-			const temp = next.nextElementSibling;
-			next.parentNode.removeChild(next);
-			next = temp;
-		}
-
-		if (!insertPrev) {
-			if (dom.check.isListCell(prev)) {
-				originList = prev;
-				next = null;
-			}
-
-			originList.insertBefore(innerList, next);
-
-			if (!nodePath.s) {
-				nodePath.s = dom.query.getNodePath(innerList.firstElementChild.firstChild, originList, null);
-				nodePath.sl = originList;
-			}
-
-			const slPath = originList.contains(nodePath.sl) ? dom.query.getNodePath(nodePath.sl, originList) : null;
-			nodePath.e = dom.query.getNodePath(innerList.lastElementChild.firstChild, originList, null);
-			nodePath.el = originList;
-
-			this.nodeTransform.mergeSameTags(originList, [nodePath.s, nodePath.e, slPath], false);
-			this.nodeTransform.mergeNestedTags(originList);
-			if (slPath) nodePath.sl = dom.query.getNodeFromPath(slPath, originList);
-		}
-
-		return innerList;
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Detaches a nested list structure by extracting list items from their parent list.
-	 * - Ensures proper restructuring of the list elements.
-	 * @param {Array<HTMLElement>} cells The list items to be detached.
-	 * @returns {{cc: Node, sc: Node, ec: Node}} An object containing reference nodes for repositioning.
-	 * - cc : The parent node of the first list item.
-	 * - sc : The first list item.
-	 * - ec : The last list item.
-	 */
-	_detachNested(cells) {
-		const first = cells[0];
-		const last = cells[cells.length - 1];
-		const next = last.nextElementSibling;
-		const originList = first.parentElement;
-		const sibling = originList.parentElement.nextElementSibling;
-		const parentNode = originList.parentElement.parentElement;
-
-		for (let c = 0, cLen = cells.length; c < cLen; c++) {
-			parentNode.insertBefore(cells[c], sibling);
-		}
-
-		if (next && originList.children.length > 0) {
-			const newList = originList.cloneNode(false);
-			const children = originList.childNodes;
-			const index = dom.query.getPositionIndex(next);
-			while (children[index]) {
-				newList.appendChild(children[index]);
-			}
-			last.appendChild(newList);
-		}
-
-		if (originList.children.length === 0) dom.utils.removeItem(originList);
-		this.nodeTransform.mergeSameTags(parentNode);
-
-		const edge = dom.query.getEdgeChildNodes(first, last);
-
-		return {
-			cc: first.parentNode,
-			sc: edge.sc,
-			ec: edge.ec
-		};
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Nest list cells or cancel nested cells.
-	 * @param selectedCells List cells.
-	 * @param nested Nested or cancel nested.
-	 */
-	_applyNestedList(selectedCells, nested) {
-		selectedCells = !selectedCells
-			? this.getLines().filter(function (el) {
-					return dom.check.isListCell(el);
-			  })
-			: selectedCells;
-		const cellsLen = selectedCells.length;
-		if (cellsLen === 0 || (!nested && !dom.check.isListCell(selectedCells[0].previousElementSibling) && !dom.check.isListCell(selectedCells[cellsLen - 1].nextElementSibling))) {
-			return {
-				sc: selectedCells[0],
-				so: 0,
-				ec: selectedCells[cellsLen - 1],
-				eo: 1
-			};
-		}
-
-		let originList = selectedCells[0].parentNode;
-		let lastCell = selectedCells[cellsLen - 1];
-		let range = null;
-
-		if (nested) {
-			if (originList !== lastCell.parentNode && dom.check.isList(lastCell.parentNode.parentNode) && lastCell.nextElementSibling) {
-				lastCell = lastCell.nextElementSibling;
-				while (lastCell) {
-					selectedCells.push(lastCell);
-					lastCell = lastCell.nextElementSibling;
-				}
-			}
-			range = this.applyList(originList.nodeName + ':' + originList.style.listStyleType, selectedCells, true);
-		} else {
-			let innerList = dom.utils.createElement(originList.nodeName);
-			let prev = selectedCells[0].previousElementSibling;
-			let next = lastCell.nextElementSibling;
-			const nodePath = {
-				s: null,
-				e: null,
-				sl: originList,
-				el: originList
-			};
-
-			for (let i = 0, len = cellsLen, c; i < len; i++) {
-				c = selectedCells[i];
-				if (c.parentNode !== originList) {
-					this._attachNested(originList, innerList, prev, next, nodePath);
-					originList = c.parentNode;
-					innerList = dom.utils.createElement(originList.nodeName);
-				}
-
-				prev = c.previousElementSibling;
-				next = c.nextElementSibling;
-				innerList.appendChild(c);
-			}
-
-			this._attachNested(originList, innerList, prev, next, nodePath);
-
-			const sc = dom.query.getNodeFromPath(nodePath.s, nodePath.sl);
-			const ec = dom.query.getNodeFromPath(nodePath.e, nodePath.el);
-			range = {
-				sc: sc,
-				so: 0,
-				ec: ec,
-				eo: ec.textContent.length
-			};
-		}
-
-		return range;
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Detach Nested all nested lists under the "baseNode".
-	 * - Returns a list with nested removed.
-	 * @param {HTMLElement} baseNode Element on which to base.
-	 * @param {boolean} all If true, it also detach all nested lists of a returned list.
-	 * @returns {Node} Result element
-	 */
-	_removeNestedList(baseNode, all) {
-		const rNode = DeleteNestedList(baseNode);
-		let rangeElement, cNodes;
-
-		if (rNode) {
-			rangeElement = rNode.cloneNode(false);
-			cNodes = rNode.childNodes;
-			const index = dom.query.getPositionIndex(baseNode);
-			while (cNodes[index]) {
-				rangeElement.appendChild(cNodes[index]);
-			}
-		} else {
-			rangeElement = baseNode;
-		}
-
-		let rChildren;
-		if (!all) {
-			const depth = dom.query.getNodeDepth(baseNode) + 2;
-			rChildren = dom.query.getListChildren(baseNode, (current) => {
-				return dom.check.isListCell(current) && !current.previousElementSibling && dom.query.getNodeDepth(current) === depth;
-			});
-		} else {
-			rChildren = dom.query.getListChildren(rangeElement, (current) => {
-				return dom.check.isListCell(current) && !current.previousElementSibling;
-			});
-		}
-
-		for (let i = 0, len = rChildren.length; i < len; i++) {
-			DeleteNestedList(rChildren[i]);
-		}
-
-		if (rNode) {
-			rNode.parentNode.insertBefore(rangeElement, rNode.nextSibling);
-			if (cNodes?.length === 0) dom.utils.removeItem(rNode);
-		}
-
-		return rangeElement === baseNode ? rangeElement.parentNode : rangeElement;
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description wraps text nodes of line selected text.
-	 * @param {Node} element The node of the line that contains the selected text node.
-	 * @param {Node} newInnerNode The dom that will wrap the selected text area
-	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
-	 * @param {Node} startCon The startContainer property of the selection object.
-	 * @param {number} startOff The startOffset property of the selection object.
-	 * @param {Node} endCon The endContainer property of the selection object.
-	 * @param {number} endOff The endOffset property of the selection object.
-	 * @param {boolean} isRemoveFormat Is the remove all formats command?
-	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
-	 * @param {boolean} collapsed range.collapsed
-	 * @returns {{ancestor: *, startContainer: *, startOffset: *, endContainer: *, endOffset: *}}
-	 */
-	_setNode_oneLine(element, newInnerNode, validation, startCon, startOff, endCon, endOff, isRemoveFormat, isRemoveNode, collapsed, _removeCheck, _getMaintainedNode, _isMaintainedNode) {
-		// not add tag
-		let parentCon = startCon.parentNode;
-		while (!parentCon.nextSibling && !parentCon.previousSibling && !this.isLine(parentCon.parentNode) && !dom.check.isWysiwygFrame(parentCon.parentNode)) {
-			if (parentCon.nodeName === newInnerNode.nodeName) break;
-			parentCon = parentCon.parentNode;
-		}
-
-		if (!isRemoveNode && parentCon === endCon.parentNode && parentCon.nodeName === newInnerNode.nodeName) {
-			if (dom.check.isZeroWidth(startCon.textContent.slice(0, startOff)) && dom.check.isZeroWidth(endCon.textContent.slice(endOff))) {
-				const children = parentCon.childNodes;
-				let sameTag = false;
-
-				for (let i = 0, len = children.length, c, s, e, z; i < len; i++) {
-					c = children[i];
-					z = !dom.check.isZeroWidth(c);
-					if (c === startCon) {
-						s = true;
-						continue;
-					}
-					if (c === endCon) {
-						e = true;
-						continue;
-					}
-					if ((!s && z) || (s && e && z)) {
-						sameTag = false;
-						break;
-					}
-				}
-
-				if (sameTag) {
-					dom.utils.copyTagAttributes(parentCon, newInnerNode);
-
-					return {
-						ancestor: element,
-						startContainer: startCon,
-						startOffset: startOff,
-						endContainer: endCon,
-						endOffset: endOff
-					};
-				}
-			}
-		}
-
-		// add tag
-		_removeCheck.v = false;
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
-		const inst = this;
-		const el = element;
-		const nNodeArray = [newInnerNode];
-		const pNode = element.cloneNode(false);
-		const isSameNode = startCon === endCon;
-		let startContainer = startCon;
-		let startOffset = startOff;
-		let endContainer = endCon;
-		let endOffset = endOff;
-		let startPass = false;
-		let endPass = false;
-		let pCurrent, newNode, appendNode, cssText, anchorNode;
-
-		const wRegExp = RegExp;
-		function checkCss(vNode) {
-			const regExp = new wRegExp('(?:;|^|\\s)(?:' + cssText + 'null)\\s*:[^;]*\\s*(?:;|$)', 'ig');
-			let style = false;
-
-			if (regExp && vNode.style.cssText.length > 0) {
-				style = regExp.test(vNode.style.cssText);
-			}
-
-			return !style;
-		}
-
-		(function recursionFunc(current, ancestor) {
-			const childNodes = current.childNodes;
-
-			for (let i = 0, len = childNodes.length, vNode; i < len; i++) {
-				const child = childNodes[i];
-				if (!child) continue;
-				let coverNode = ancestor;
-				let cloneNode;
-
-				// startContainer
-				if (!startPass && child === startContainer) {
-					let line = pNode;
-					anchorNode = _getMaintainedNode(child);
-
-					let _prevText = '';
-					let _nextText = '';
-					if (startContainer.nodeType === 3) {
-						const sText = /** @type {Text} */ (startContainer);
-						_prevText = sText.substringData(0, startOffset);
-						_nextText = sText.substringData(startOffset, isSameNode ? (endOffset >= startOffset ? endOffset - startOffset : sText.data.length - startOffset) : sText.data.length - startOffset);
-					}
-
-					const prevNode = dom.utils.createTextNode(_prevText);
-					const textNode = dom.utils.createTextNode(_nextText);
-
-					if (anchorNode) {
-						const a = _getMaintainedNode(ancestor);
-						if (a.parentNode !== line) {
-							let m = a;
-							let p = null;
-							while (m.parentNode !== line) {
-								ancestor = p = m.parentNode.cloneNode(false);
-								while (m.childNodes[0]) {
-									p.appendChild(m.childNodes[0]);
-								}
-								m.appendChild(p);
-								m = m.parentNode;
-							}
-							m.parentNode.appendChild(a);
-						}
-						anchorNode = anchorNode.cloneNode(false);
-					}
-
-					if (!dom.check.isZeroWidth(prevNode)) {
-						ancestor.appendChild(prevNode);
-					}
-
-					const prevAnchorNode = _getMaintainedNode(ancestor);
-					if (prevAnchorNode) anchorNode = prevAnchorNode;
-					if (anchorNode) line = anchorNode;
-
-					newNode = /** @type {HTMLElement} */ (child);
-					pCurrent = [];
-					cssText = '';
-					while (newNode !== line && newNode !== el && newNode !== null) {
-						vNode = _isMaintainedNode(newNode) ? null : validation(newNode);
-						if (vNode && newNode.nodeType === 1 && checkCss(newNode)) {
-							pCurrent.push(vNode);
-							cssText += newNode.style.cssText.substring(0, newNode.style.cssText.indexOf(':')) + '|';
-						}
-						newNode = newNode.parentElement;
-					}
-
-					const childNode = pCurrent.pop() || textNode;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					newInnerNode.appendChild(childNode);
-					line.appendChild(newInnerNode);
-
-					if (anchorNode && !_getMaintainedNode(endContainer)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						pNode.appendChild(newInnerNode);
-						nNodeArray.push(newInnerNode);
-					}
-
-					startContainer = textNode;
-					startOffset = 0;
-					startPass = true;
-
-					if (newNode !== textNode) newNode.appendChild(startContainer);
-					if (!isSameNode) continue;
-				}
-
-				// endContainer
-				if (!endPass && child === endContainer) {
-					anchorNode = _getMaintainedNode(child);
-
-					let _prevText = '';
-					let _nextText = '';
-					if (endContainer.nodeType === 3) {
-						const eText = /** @type {Text} */ (endContainer);
-						_prevText = eText.substringData(endOffset, eText.length - endOffset);
-						_nextText = isSameNode ? '' : eText.substringData(0, endOffset);
-					}
-
-					const afterNode = dom.utils.createTextNode(_prevText);
-					const textNode = dom.utils.createTextNode(_nextText);
-
-					if (anchorNode) {
-						anchorNode = anchorNode.cloneNode(false);
-					} else if (_isMaintainedNode(newInnerNode.parentNode) && !anchorNode) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						pNode.appendChild(newInnerNode);
-						nNodeArray.push(newInnerNode);
-					}
-
-					if (!dom.check.isZeroWidth(afterNode)) {
-						newNode = /** @type {HTMLElement} */ (child);
-						cssText = '';
-						pCurrent = [];
-						const anchors = [];
-						while (newNode !== pNode && newNode !== el && newNode !== null) {
-							if (newNode.nodeType === 1 && checkCss(newNode)) {
-								if (_isMaintainedNode(newNode)) anchors.push(newNode.cloneNode(false));
-								else pCurrent.push(newNode.cloneNode(false));
-								cssText += newNode.style.cssText.substring(0, newNode.style.cssText.indexOf(':')) + '|';
-							}
-							newNode = newNode.parentElement;
-						}
-						pCurrent = pCurrent.concat(anchors);
-
-						cloneNode = appendNode = newNode = pCurrent.pop() || afterNode;
-						while (pCurrent.length > 0) {
-							newNode = pCurrent.pop();
-							appendNode.appendChild(newNode);
-							appendNode = newNode;
-						}
-
-						pNode.appendChild(cloneNode);
-						newNode.textContent = afterNode.data;
-					}
-
-					if (anchorNode && cloneNode) {
-						const afterAnchorNode = _getMaintainedNode(cloneNode);
-						if (afterAnchorNode) {
-							anchorNode = afterAnchorNode;
-						}
-					}
-
-					newNode = /** @type {HTMLElement} */ (child);
-					pCurrent = [];
-					cssText = '';
-					while (newNode !== pNode && newNode !== el && newNode !== null) {
-						vNode = _isMaintainedNode(newNode) ? null : validation(newNode);
-						if (vNode && newNode.nodeType === 1 && checkCss(newNode)) {
-							pCurrent.push(vNode);
-							cssText += newNode.style.cssText.substring(0, newNode.style.cssText.indexOf(':')) + '|';
-						}
-						newNode = newNode.parentElement;
-					}
-
-					const childNode = pCurrent.pop() || textNode;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					if (anchorNode) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						newInnerNode.appendChild(childNode);
-						anchorNode.insertBefore(newInnerNode, anchorNode.firstChild);
-						pNode.appendChild(anchorNode);
-						nNodeArray.push(newInnerNode);
-						anchorNode = null;
-					} else {
-						newInnerNode.appendChild(childNode);
-					}
-
-					endContainer = textNode;
-					endOffset = textNode.data.length;
-					endPass = true;
-
-					if (!isRemoveFormat && collapsed) {
-						newInnerNode = textNode;
-						textNode.textContent = unicode.zeroWidthSpace;
-					}
-
-					if (newNode !== textNode) newNode.appendChild(endContainer);
-					continue;
-				}
-
-				// other
-				if (startPass) {
-					if (child.nodeType === 1 && !dom.check.isBreak(child)) {
-						if (inst._isIgnoreNodeChange(child)) {
-							pNode.appendChild(child.cloneNode(true));
-							if (!collapsed) {
-								newInnerNode = newInnerNode.cloneNode(false);
-								pNode.appendChild(newInnerNode);
-								nNodeArray.push(newInnerNode);
-							}
-						} else {
-							recursionFunc(child, child);
-						}
-						continue;
-					}
-
-					newNode = /** @type {HTMLElement} */ (child);
-					pCurrent = [];
-					cssText = '';
-					const anchors = [];
-					while (newNode.parentNode !== null && newNode !== el && newNode !== newInnerNode) {
-						vNode = endPass ? newNode.cloneNode(false) : validation(newNode);
-						if (newNode.nodeType === 1 && !dom.check.isBreak(child) && vNode && checkCss(newNode)) {
-							if (_isMaintainedNode(newNode)) {
-								if (!anchorNode) anchors.push(vNode);
-							} else {
-								pCurrent.push(vNode);
-							}
-							cssText += newNode.style.cssText.substring(0, newNode.style.cssText.indexOf(':')) + '|';
-						}
-						newNode = newNode.parentElement;
-					}
-					pCurrent = pCurrent.concat(anchors);
-
-					const childNode = pCurrent.pop() || child;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					if (_isMaintainedNode(newInnerNode.parentNode) && !_isMaintainedNode(childNode) && !dom.check.isZeroWidth(newInnerNode)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						pNode.appendChild(newInnerNode);
-						nNodeArray.push(newInnerNode);
-					}
-
-					if (!endPass && !anchorNode && _isMaintainedNode(childNode)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						const aChildren = childNode.childNodes;
-						for (let a = 0, aLen = aChildren.length; a < aLen; a++) {
-							newInnerNode.appendChild(aChildren[a]);
-						}
-						childNode.appendChild(newInnerNode);
-						pNode.appendChild(childNode);
-						nNodeArray.push(newInnerNode);
-						if (/** @type {HTMLElement} */ (newInnerNode).children.length > 0) ancestor = newNode;
-						else ancestor = newInnerNode;
-					} else if (childNode === child) {
-						if (!endPass) ancestor = newInnerNode;
-						else ancestor = pNode;
-					} else if (endPass) {
-						pNode.appendChild(childNode);
-						ancestor = newNode;
-					} else {
-						newInnerNode.appendChild(childNode);
-						ancestor = newNode;
-					}
-
-					if (anchorNode && child.nodeType === 3) {
-						if (_getMaintainedNode(child)) {
-							const ancestorAnchorNode = dom.query.getParentElement(ancestor, (c) => {
-								return inst._isNonSplitNode(c.parentNode) || c.parentNode === pNode;
-							});
-							anchorNode.appendChild(ancestorAnchorNode);
-							newInnerNode = ancestorAnchorNode.cloneNode(false);
-							nNodeArray.push(newInnerNode);
-							pNode.appendChild(newInnerNode);
-						} else {
-							anchorNode = null;
-						}
-					}
-				}
-
-				cloneNode = child.cloneNode(false);
-				ancestor.appendChild(cloneNode);
-				if (child.nodeType === 1 && !dom.check.isBreak(child)) coverNode = cloneNode;
-
-				recursionFunc(child, coverNode);
-			}
-		})(element, pNode);
-
-		// not remove tag
-		if (isRemoveNode && !isRemoveFormat && !_removeCheck.v) {
-			return {
-				ancestor: element,
-				startContainer: startCon,
-				startOffset: startOff,
-				endContainer: endCon,
-				endOffset: endOff
-			};
-		}
-
-		isRemoveFormat = isRemoveFormat && isRemoveNode;
-
-		if (isRemoveFormat) {
-			for (let i = 0; i < nNodeArray.length; i++) {
-				const removeNode = nNodeArray[i];
-				let textNode, textNode_s, textNode_e;
-
-				if (collapsed) {
-					textNode = dom.utils.createTextNode(unicode.zeroWidthSpace);
-					pNode.replaceChild(textNode, removeNode);
-				} else {
-					const rChildren = removeNode.childNodes;
-					textNode_s = rChildren[0];
-					while (rChildren[0]) {
-						textNode_e = rChildren[0];
-						pNode.insertBefore(textNode_e, removeNode);
-					}
-					dom.utils.removeItem(removeNode);
-				}
-
-				if (i === 0) {
-					if (collapsed) {
-						startContainer = endContainer = textNode;
-					} else {
-						startContainer = textNode_s;
-						endContainer = textNode_e;
-					}
-				}
-			}
-		} else {
-			if (isRemoveNode) {
-				for (let i = 0; i < nNodeArray.length; i++) {
-					SN_StripRemoveNode(nNodeArray[i]);
-				}
-			}
-
-			if (collapsed) {
-				startContainer = endContainer = newInnerNode;
-			}
-		}
-
-		this.nodeTransform.removeEmptyNode(pNode, newInnerNode, false);
-
-		if (collapsed) {
-			startOffset = startContainer.textContent.length;
-			endOffset = endContainer.textContent.length;
-		}
-
-		// endContainer reset
-		const endConReset = isRemoveFormat || endContainer.textContent.length === 0;
-
-		if (!dom.check.isBreak(endContainer) && endContainer.textContent.length === 0) {
-			dom.utils.removeItem(endContainer);
-			endContainer = startContainer;
-		}
-		endOffset = endConReset ? endContainer.textContent.length : endOffset;
-
-		// node change
-		const newStartOffset = {
-			s: 0,
-			e: 0
-		};
-		const startPath = dom.query.getNodePath(startContainer, pNode, newStartOffset);
-
-		const mergeEndCon = !endContainer.parentNode;
-		if (mergeEndCon) endContainer = startContainer;
-		const newEndOffset = {
-			s: 0,
-			e: 0
-		};
-		const endPath = dom.query.getNodePath(endContainer, pNode, !mergeEndCon && !endConReset ? newEndOffset : null);
-
-		startOffset += newStartOffset.s;
-		endOffset = collapsed ? startOffset : mergeEndCon ? startContainer.textContent.length : endConReset ? endOffset + newStartOffset.s : endOffset + newEndOffset.s;
-
-		// tag merge
-		const newOffsets = this.nodeTransform.mergeSameTags(pNode, [startPath, endPath], true);
-
-		element.parentNode.replaceChild(pNode, element);
-
-		startContainer = dom.query.getNodeFromPath(startPath, pNode);
-		endContainer = dom.query.getNodeFromPath(endPath, pNode);
-
-		return {
-			ancestor: pNode,
-			startContainer: startContainer,
-			startOffset: startOffset + newOffsets[0],
-			endContainer: endContainer,
-			endOffset: endOffset + newOffsets[1]
-		};
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description wraps first line selected text.
-	 * @param {Node} element The node of the line that contains the selected text node.
-	 * @param {Node} newInnerNode The dom that will wrap the selected text area
-	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
-	 * @param {Node} startCon The startContainer property of the selection object.
-	 * @param {number} startOff The startOffset property of the selection object.
-	 * @param {boolean} isRemoveFormat Is the remove all formats command?
-	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
-	 * @returns {NodeStyleContainerType} { ancestor, container, offset, endContainer }
-	 */
-	_setNode_startLine(element, newInnerNode, validation, startCon, startOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode, _endContainer) {
-		// not add tag
-		let parentCon = startCon.parentNode;
-		while (!parentCon.nextSibling && !parentCon.previousSibling && !this.isLine(parentCon.parentNode) && !dom.check.isWysiwygFrame(parentCon.parentNode)) {
-			if (parentCon.nodeName === newInnerNode.nodeName) break;
-			parentCon = parentCon.parentNode;
-		}
-
-		if (!isRemoveNode && parentCon.nodeName === newInnerNode.nodeName && !this.isLine(parentCon) && !parentCon.nextSibling && dom.check.isZeroWidth(startCon.textContent.slice(0, startOff))) {
-			let sameTag = false;
-			let s = startCon.previousSibling;
-			while (s) {
-				if (!dom.check.isZeroWidth(s)) {
-					sameTag = false;
-					break;
-				}
-				s = s.previousSibling;
-			}
-
-			if (sameTag) {
-				dom.utils.copyTagAttributes(parentCon, newInnerNode);
-
-				return {
-					ancestor: element,
-					container: startCon,
-					offset: startOff
-				};
-			}
-		}
-
-		// add tag
-		_removeCheck.v = false;
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
-		const inst = this;
-		const el = element;
-		const nNodeArray = [newInnerNode];
-		const pNode = element.cloneNode(false);
-
-		let container = startCon;
-		let offset = startOff;
-		let passNode = false;
-		let pCurrent, newNode, appendNode, anchorNode;
-
-		(function recursionFunc(current, ancestor) {
-			const childNodes = current.childNodes;
-
-			for (let i = 0, len = childNodes.length, vNode, cloneChild; i < len; i++) {
-				const child = /** @type {HTMLElement} */ (childNodes[i]);
-				if (!child) continue;
-				let coverNode = ancestor;
-
-				if (passNode && !dom.check.isBreak(child)) {
-					if (child.nodeType === 1) {
-						if (inst._isIgnoreNodeChange(child)) {
-							newInnerNode = newInnerNode.cloneNode(false);
-							cloneChild = child.cloneNode(true);
-							pNode.appendChild(cloneChild);
-							pNode.appendChild(newInnerNode);
-							nNodeArray.push(newInnerNode);
-
-							// end container
-							if (_endContainer && child.contains(_endContainer)) {
-								const endPath = dom.query.getNodePath(_endContainer, child);
-								_endContainer = dom.query.getNodeFromPath(endPath, cloneChild);
-							}
-						} else {
-							recursionFunc(child, child);
-						}
-						continue;
-					}
-
-					newNode = child;
-					pCurrent = [];
-					const anchors = [];
-					while (newNode.parentNode !== null && newNode !== el && newNode !== newInnerNode) {
-						vNode = validation(newNode);
-						if (newNode.nodeType === 1 && vNode) {
-							if (_isMaintainedNode(newNode)) {
-								if (!anchorNode) anchors.push(vNode);
-							} else {
-								pCurrent.push(vNode);
-							}
-						}
-						newNode = newNode.parentNode;
-					}
-					pCurrent = pCurrent.concat(anchors);
-
-					const isTopNode = pCurrent.length > 0;
-					const childNode = pCurrent.pop() || child;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					if (_isMaintainedNode(newInnerNode.parentNode) && !_isMaintainedNode(childNode)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						pNode.appendChild(newInnerNode);
-						nNodeArray.push(newInnerNode);
-					}
-
-					if (!anchorNode && _isMaintainedNode(childNode)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						const aChildren = childNode.childNodes;
-						for (let a = 0, aLen = aChildren.length; a < aLen; a++) {
-							newInnerNode.appendChild(aChildren[a]);
-						}
-						childNode.appendChild(newInnerNode);
-						pNode.appendChild(childNode);
-						ancestor = !_isMaintainedNode(newNode) ? newNode : newInnerNode;
-						nNodeArray.push(newInnerNode);
-					} else if (isTopNode) {
-						newInnerNode.appendChild(childNode);
-						ancestor = newNode;
-					} else {
-						ancestor = newInnerNode;
-					}
-
-					if (anchorNode && child.nodeType === 3) {
-						if (_getMaintainedNode(child)) {
-							const ancestorAnchorNode = dom.query.getParentElement(ancestor, (c) => {
-								return inst._isNonSplitNode(c.parentNode) || c.parentNode === pNode;
-							});
-							anchorNode.appendChild(ancestorAnchorNode);
-							newInnerNode = ancestorAnchorNode.cloneNode(false);
-							nNodeArray.push(newInnerNode);
-							pNode.appendChild(newInnerNode);
-						} else {
-							anchorNode = null;
-						}
-					}
-				}
-
-				// startContainer
-				if (!passNode && child === container) {
-					let line = pNode;
-					anchorNode = _getMaintainedNode(child);
-
-					let _prevText = '';
-					let _nextText = '';
-					if (container.nodeType === 3) {
-						const cText = /** @type {Text} */ (container);
-						_prevText = cText.substringData(0, offset);
-						_nextText = cText.substringData(offset, cText.length - offset);
-					}
-
-					const prevNode = dom.utils.createTextNode(_prevText);
-					const textNode = dom.utils.createTextNode(_nextText);
-
-					if (anchorNode) {
-						const a = _getMaintainedNode(ancestor);
-						if (a && a.parentNode !== line) {
-							let m = a;
-							let p = null;
-							while (m.parentNode !== line) {
-								ancestor = p = m.parentNode.cloneNode(false);
-								while (m.childNodes[0]) {
-									p.appendChild(m.childNodes[0]);
-								}
-								m.appendChild(p);
-								m = m.parentNode;
-							}
-							m.parentNode.appendChild(a);
-						}
-						anchorNode = anchorNode.cloneNode(false);
-					}
-
-					if (!dom.check.isZeroWidth(prevNode)) {
-						ancestor.appendChild(prevNode);
-					}
-
-					const prevAnchorNode = _getMaintainedNode(ancestor);
-					if (prevAnchorNode) anchorNode = prevAnchorNode;
-					if (anchorNode) line = anchorNode;
-
-					newNode = ancestor;
-					pCurrent = [];
-					while (newNode !== line && newNode !== null) {
-						vNode = validation(newNode);
-						if (newNode.nodeType === 1 && vNode) {
-							pCurrent.push(vNode);
-						}
-						newNode = newNode.parentNode;
-					}
-
-					const childNode = pCurrent.pop() || ancestor;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					if (childNode !== ancestor) {
-						newInnerNode.appendChild(childNode);
-						ancestor = newNode;
-					} else {
-						ancestor = newInnerNode;
-					}
-
-					if (dom.check.isBreak(child)) newInnerNode.appendChild(child.cloneNode(false));
-					line.appendChild(newInnerNode);
-
-					container = textNode;
-					offset = 0;
-					passNode = true;
-
-					ancestor.appendChild(container);
-					continue;
-				}
-
-				vNode = !passNode ? child.cloneNode(false) : validation(child);
-				if (vNode) {
-					ancestor.appendChild(vNode);
-					if (child.nodeType === 1 && !dom.check.isBreak(child)) coverNode = vNode;
-				}
-
-				recursionFunc(child, coverNode);
-			}
-		})(element, pNode);
-
-		// not remove tag
-		if (isRemoveNode && !isRemoveFormat && !_removeCheck.v) {
-			return {
-				ancestor: element,
-				container: startCon,
-				offset: startOff,
-				endContainer: _endContainer
-			};
-		}
-
-		isRemoveFormat = isRemoveFormat && isRemoveNode;
-
-		if (isRemoveFormat) {
-			for (let i = 0; i < nNodeArray.length; i++) {
-				const removeNode = nNodeArray[i];
-
-				const rChildren = removeNode.childNodes;
-				const textNode = rChildren[0];
-				while (rChildren[0]) {
-					pNode.insertBefore(rChildren[0], removeNode);
-				}
-				dom.utils.removeItem(removeNode);
-
-				if (i === 0) container = textNode;
-			}
-		} else if (isRemoveNode) {
-			newInnerNode = newInnerNode.firstChild;
-			for (let i = 0; i < nNodeArray.length; i++) {
-				SN_StripRemoveNode(nNodeArray[i]);
-			}
-		}
-
-		if (!isRemoveFormat && pNode.childNodes.length === 0) {
-			if (element.childNodes) {
-				container = element.childNodes[0];
-			} else {
-				container = dom.utils.createTextNode(unicode.zeroWidthSpace);
-				element.appendChild(container);
-			}
-		} else {
-			this.nodeTransform.removeEmptyNode(pNode, newInnerNode, false);
-
-			if (dom.check.isZeroWidth(pNode.textContent)) {
-				container = pNode.firstChild;
-				offset = 0;
-			}
-
-			// node change
-			const offsets = {
-				s: 0,
-				e: 0
-			};
-			const path = dom.query.getNodePath(container, pNode, offsets);
-			offset += offsets.s;
-
-			// tag merge
-			const newOffsets = this.nodeTransform.mergeSameTags(pNode, [path], true);
-
-			element.parentNode.replaceChild(pNode, element);
-
-			container = dom.query.getNodeFromPath(path, pNode);
-			offset += newOffsets[0];
-		}
-
-		return {
-			ancestor: pNode,
-			container: container,
-			offset: offset,
-			endContainer: _endContainer
-		};
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description wraps mid lines selected text.
-	 * @param {HTMLElement} element The node of the line that contains the selected text node.
-	 * @param {Node} newInnerNode The dom that will wrap the selected text area
-	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
-	 * @param {boolean} isRemoveFormat Is the remove all formats command?
-	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
-	 * @param {Node} _endContainer Offset node of last line already modified (end.container)
-	 * @returns {NodeStyleContainerType} { ancestor, endContainer: "If end container is renewed, returned renewed node" }
-	 */
-	_setNode_middleLine(element, newInnerNode, validation, isRemoveFormat, isRemoveNode, _removeCheck, _endContainer) {
-		// not add tag
-		if (!isRemoveNode) {
-			// end container path
-			let endPath = null;
-			if (_endContainer && element.contains(_endContainer)) endPath = dom.query.getNodePath(_endContainer, element);
-
-			const tempNode = element.cloneNode(true);
-			const newNodeName = /** @type {HTMLElement} */ (newInnerNode).nodeName;
-			const newCssText = /** @type {HTMLElement} */ (newInnerNode).style.cssText;
-			const newClass = /** @type {HTMLElement} */ (newInnerNode).className;
-
-			let children = tempNode.childNodes;
-			let i = 0,
-				len = children.length;
-			for (let child; i < len; i++) {
-				child = /** @type {HTMLElement} */ (children[i]);
-				if (child.nodeType === 3) break;
-				if (child.nodeName === newNodeName) {
-					child.style.cssText += newCssText;
-					dom.utils.addClass(child, newClass);
-				} else if (!dom.check.isBreak(child) && this._isIgnoreNodeChange(child)) {
-					continue;
-				} else if (len === 1) {
-					children = child.childNodes;
-					len = children.length;
-					i = -1;
-					continue;
-				} else {
-					break;
-				}
-			}
-
-			if (len > 0 && i === len) {
-				element.innerHTML = /** @type {HTMLElement} */ (tempNode).innerHTML;
-				return {
-					ancestor: element,
-					endContainer: endPath ? dom.query.getNodeFromPath(endPath, element) : null
-				};
-			}
-		}
-
-		// add tag
-		_removeCheck.v = false;
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
-		const inst = this;
-		const pNode = element.cloneNode(false);
-		const nNodeArray = [newInnerNode];
-		let noneChange = true;
-
-		(function recursionFunc(current, ancestor) {
-			const childNodes = current.childNodes;
-
-			for (let i = 0, len = childNodes.length, vNode, cloneChild; i < len; i++) {
-				const child = /** @type {HTMLElement} */ (childNodes[i]);
-				if (!child) continue;
-				let coverNode = ancestor;
-
-				if (!dom.check.isBreak(child) && inst._isIgnoreNodeChange(child)) {
-					if (newInnerNode.childNodes.length > 0) {
-						pNode.appendChild(newInnerNode);
-						newInnerNode = newInnerNode.cloneNode(false);
-					}
-
-					cloneChild = child.cloneNode(true);
-					pNode.appendChild(cloneChild);
-					pNode.appendChild(newInnerNode);
-					nNodeArray.push(newInnerNode);
-					ancestor = newInnerNode;
-
-					// end container
-					if (_endContainer && child.contains(_endContainer)) {
-						const endPath = dom.query.getNodePath(_endContainer, child);
-						_endContainer = dom.query.getNodeFromPath(endPath, cloneChild);
-					}
-
-					continue;
-				} else {
-					vNode = validation(child);
-					if (vNode) {
-						noneChange = false;
-						ancestor.appendChild(vNode);
-						if (child.nodeType === 1) coverNode = vNode;
-					}
-				}
-
-				if (!dom.check.isBreak(child)) recursionFunc(child, coverNode);
-			}
-		})(element, newInnerNode);
-
-		// not remove tag
-		if (noneChange || (isRemoveNode && !isRemoveFormat && !_removeCheck.v))
-			return {
-				ancestor: element,
-				endContainer: _endContainer
-			};
-
-		pNode.appendChild(newInnerNode);
-
-		if (isRemoveFormat && isRemoveNode) {
-			for (let i = 0; i < nNodeArray.length; i++) {
-				const removeNode = nNodeArray[i];
-
-				const rChildren = removeNode.childNodes;
-				while (rChildren[0]) {
-					pNode.insertBefore(rChildren[0], removeNode);
-				}
-				dom.utils.removeItem(removeNode);
-			}
-		} else if (isRemoveNode) {
-			newInnerNode = newInnerNode.firstChild;
-			for (let i = 0; i < nNodeArray.length; i++) {
-				SN_StripRemoveNode(nNodeArray[i]);
-			}
-		}
-
-		this.nodeTransform.removeEmptyNode(pNode, newInnerNode, false);
-		this.nodeTransform.mergeSameTags(pNode, null, true);
-
-		// node change
-		element.parentNode.replaceChild(pNode, element);
-		return {
-			ancestor: pNode,
-			endContainer: _endContainer
-		};
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description wraps last line selected text.
-	 * @param {Node} element The node of the line that contains the selected text node.
-	 * @param {Node} newInnerNode The dom that will wrap the selected text area
-	 * @param {(current: Node) => Node|null} validation Check if the node should be stripped.
-	 * @param {Node} endCon The endContainer property of the selection object.
-	 * @param {number} endOff The endOffset property of the selection object.
-	 * @param {boolean} isRemoveFormat Is the remove all formats command?
-	 * @param {boolean} isRemoveNode "newInnerNode" is remove node?
-	 * @returns {NodeStyleContainerType} { ancestor, container, offset }
-	 */
-	_setNode_endLine(element, newInnerNode, validation, endCon, endOff, isRemoveFormat, isRemoveNode, _removeCheck, _getMaintainedNode, _isMaintainedNode) {
-		// not add tag
-		let parentCon = endCon.parentNode;
-		while (!parentCon.nextSibling && !parentCon.previousSibling && !this.isLine(parentCon.parentNode) && !dom.check.isWysiwygFrame(parentCon.parentNode)) {
-			if (parentCon.nodeName === newInnerNode.nodeName) break;
-			parentCon = parentCon.parentNode;
-		}
-
-		if (!isRemoveNode && parentCon.nodeName === newInnerNode.nodeName && !this.isLine(parentCon) && !parentCon.previousSibling && dom.check.isZeroWidth(endCon.textContent.slice(endOff))) {
-			let sameTag = false;
-			let e = endCon.nextSibling;
-			while (e) {
-				if (!dom.check.isZeroWidth(e)) {
-					sameTag = false;
-					break;
-				}
-				e = e.nextSibling;
-			}
-
-			if (sameTag) {
-				dom.utils.copyTagAttributes(parentCon, newInnerNode);
-
-				return {
-					ancestor: element,
-					container: endCon,
-					offset: endOff
-				};
-			}
-		}
-
-		// add tag
-		_removeCheck.v = false;
-		// eslint-disable-next-line @typescript-eslint/no-this-alias
-		const inst = this;
-		const el = element;
-		const nNodeArray = [newInnerNode];
-		const pNode = element.cloneNode(false);
-
-		let container = endCon;
-		let offset = endOff;
-		let passNode = false;
-		let pCurrent, newNode, appendNode, anchorNode;
-
-		(function recursionFunc(current, ancestor) {
-			const childNodes = current.childNodes;
-
-			for (let i = childNodes.length - 1, vNode; 0 <= i; i--) {
-				const child = childNodes[i];
-				if (!child) continue;
-				let coverNode = ancestor;
-
-				if (passNode && !dom.check.isBreak(child)) {
-					if (child.nodeType === 1) {
-						if (inst._isIgnoreNodeChange(child)) {
-							newInnerNode = newInnerNode.cloneNode(false);
-							const cloneChild = child.cloneNode(true);
-							pNode.insertBefore(cloneChild, ancestor);
-							pNode.insertBefore(newInnerNode, cloneChild);
-							nNodeArray.push(newInnerNode);
-						} else {
-							recursionFunc(child, child);
-						}
-						continue;
-					}
-
-					newNode = child;
-					pCurrent = [];
-					const anchors = [];
-					while (newNode.parentNode !== null && newNode !== el && newNode !== newInnerNode) {
-						vNode = validation(newNode);
-						if (vNode && newNode.nodeType === 1) {
-							if (_isMaintainedNode(newNode)) {
-								if (!anchorNode) anchors.push(vNode);
-							} else {
-								pCurrent.push(vNode);
-							}
-						}
-						newNode = newNode.parentNode;
-					}
-					pCurrent = pCurrent.concat(anchors);
-
-					const isTopNode = pCurrent.length > 0;
-					const childNode = pCurrent.pop() || child;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					if (_isMaintainedNode(newInnerNode.parentNode) && !_isMaintainedNode(childNode)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						pNode.insertBefore(newInnerNode, pNode.firstChild);
-						nNodeArray.push(newInnerNode);
-					}
-
-					if (!anchorNode && _isMaintainedNode(childNode)) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						const aChildren = childNode.childNodes;
-						for (let a = 0, aLen = aChildren.length; a < aLen; a++) {
-							newInnerNode.appendChild(aChildren[a]);
-						}
-						childNode.appendChild(newInnerNode);
-						pNode.insertBefore(childNode, pNode.firstChild);
-						nNodeArray.push(newInnerNode);
-						if (/** @type {HTMLElement} */ (newInnerNode).children.length > 0) ancestor = newNode;
-						else ancestor = newInnerNode;
-					} else if (isTopNode) {
-						newInnerNode.insertBefore(childNode, newInnerNode.firstChild);
-						ancestor = newNode;
-					} else {
-						ancestor = newInnerNode;
-					}
-
-					if (anchorNode && child.nodeType === 3) {
-						if (_getMaintainedNode(child)) {
-							const ancestorAnchorNode = dom.query.getParentElement(ancestor, (c) => {
-								return inst._isNonSplitNode(c.parentNode) || c.parentNode === pNode;
-							});
-							anchorNode.appendChild(ancestorAnchorNode);
-							newInnerNode = ancestorAnchorNode.cloneNode(false);
-							nNodeArray.push(newInnerNode);
-							pNode.insertBefore(newInnerNode, pNode.firstChild);
-						} else {
-							anchorNode = null;
-						}
-					}
-				}
-
-				// endContainer
-				if (!passNode && child === container) {
-					anchorNode = _getMaintainedNode(child);
-
-					let _prevText = '';
-					let _nextText = '';
-					if (container.nodeType === 3) {
-						const cText = /** @type {Text} */ (container);
-						_prevText = cText.substringData(offset, cText.length - offset);
-						_nextText = cText.substringData(0, offset);
-					}
-
-					const afterNode = dom.utils.createTextNode(_prevText);
-					const textNode = dom.utils.createTextNode(_nextText);
-
-					if (anchorNode) {
-						anchorNode = anchorNode.cloneNode(false);
-						const a = _getMaintainedNode(ancestor);
-						if (a.parentNode !== pNode) {
-							let m = a;
-							let p = null;
-							while (m.parentNode !== pNode) {
-								ancestor = p = m.parentNode.cloneNode(false);
-								while (m.childNodes[0]) {
-									p.appendChild(m.childNodes[0]);
-								}
-								m.appendChild(p);
-								m = m.parentNode;
-							}
-							m.parentNode.insertBefore(a, m.parentNode.firstChild);
-						}
-						anchorNode = anchorNode.cloneNode(false);
-					} else if (_isMaintainedNode(newInnerNode.parentNode) && !anchorNode) {
-						newInnerNode = newInnerNode.cloneNode(false);
-						pNode.appendChild(newInnerNode);
-						nNodeArray.push(newInnerNode);
-					}
-
-					if (!dom.check.isZeroWidth(afterNode)) {
-						ancestor.insertBefore(afterNode, ancestor.firstChild);
-					}
-
-					newNode = ancestor;
-					pCurrent = [];
-					while (newNode !== pNode && newNode !== null) {
-						vNode = _isMaintainedNode(newNode) ? null : validation(newNode);
-						if (vNode && newNode.nodeType === 1) {
-							pCurrent.push(vNode);
-						}
-						newNode = newNode.parentNode;
-					}
-
-					const childNode = pCurrent.pop() || ancestor;
-					appendNode = newNode = childNode;
-					while (pCurrent.length > 0) {
-						newNode = pCurrent.pop();
-						appendNode.appendChild(newNode);
-						appendNode = newNode;
-					}
-
-					if (childNode !== ancestor) {
-						newInnerNode.insertBefore(childNode, newInnerNode.firstChild);
-						ancestor = newNode;
-					} else {
-						ancestor = newInnerNode;
-					}
-
-					if (dom.check.isBreak(child)) newInnerNode.appendChild(child.cloneNode(false));
-
-					if (anchorNode) {
-						anchorNode.insertBefore(newInnerNode, anchorNode.firstChild);
-						pNode.insertBefore(anchorNode, pNode.firstChild);
-						anchorNode = null;
-					} else {
-						pNode.insertBefore(newInnerNode, pNode.firstChild);
-					}
-
-					container = textNode;
-					offset = textNode.data.length;
-					passNode = true;
-
-					ancestor.insertBefore(container, ancestor.firstChild);
-					continue;
-				}
-
-				vNode = !passNode ? child.cloneNode(false) : validation(child);
-				if (vNode) {
-					ancestor.insertBefore(vNode, ancestor.firstChild);
-					if (child.nodeType === 1 && !dom.check.isBreak(child)) coverNode = vNode;
-				}
-
-				recursionFunc(child, coverNode);
-			}
-		})(element, pNode);
-
-		// not remove tag
-		if (isRemoveNode && !isRemoveFormat && !_removeCheck.v) {
-			return {
-				ancestor: element,
-				container: endCon,
-				offset: endOff
-			};
-		}
-
-		isRemoveFormat = isRemoveFormat && isRemoveNode;
-
-		if (isRemoveFormat) {
-			for (let i = 0; i < nNodeArray.length; i++) {
-				const removeNode = nNodeArray[i];
-
-				const rChildren = removeNode.childNodes;
-				let textNode = null;
-				while (rChildren[0]) {
-					textNode = rChildren[0];
-					pNode.insertBefore(textNode, removeNode);
-				}
-				dom.utils.removeItem(removeNode);
-
-				if (i === nNodeArray.length - 1) {
-					container = textNode;
-					offset = textNode.textContent.length;
-				}
-			}
-		} else if (isRemoveNode) {
-			newInnerNode = newInnerNode.firstChild;
-			for (let i = 0; i < nNodeArray.length; i++) {
-				SN_StripRemoveNode(nNodeArray[i]);
-			}
-		}
-
-		if (!isRemoveFormat && pNode.childNodes.length === 0) {
-			if (element.childNodes) {
-				container = element.childNodes[0];
-			} else {
-				container = dom.utils.createTextNode(unicode.zeroWidthSpace);
-				element.appendChild(container);
-			}
-		} else {
-			if (!isRemoveNode && newInnerNode.textContent.length === 0) {
-				this.nodeTransform.removeEmptyNode(pNode, null, false);
-				return {
-					ancestor: null,
-					container: null,
-					offset: 0
-				};
-			}
-
-			this.nodeTransform.removeEmptyNode(pNode, newInnerNode, false);
-
-			if (dom.check.isZeroWidth(pNode.textContent)) {
-				container = pNode.firstChild;
-				offset = container.textContent.length;
-			} else if (dom.check.isZeroWidth(container)) {
-				container = newInnerNode;
-				offset = 1;
-			}
-
-			// node change
-			const offsets = {
-				s: 0,
-				e: 0
-			};
-			const path = dom.query.getNodePath(container, pNode, offsets);
-			offset += offsets.s;
-
-			// tag merge
-			const newOffsets = this.nodeTransform.mergeSameTags(pNode, [path], true);
-
-			element.parentNode.replaceChild(pNode, element);
-
-			container = dom.query.getNodeFromPath(path, pNode);
-			offset += newOffsets[0];
-		}
-
-		return {
-			ancestor: pNode,
-			container: container,
-			offset: container.nodeType === 1 && offset === 1 ? container.childNodes.length : offset
-		};
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Node with font-size style
-	 * @param {Node} element Element to check
-	 * @returns {boolean}
-	 */
-	_sn_isSizeNode(element) {
-		return element && typeof element !== 'string' && element.nodeType !== 3 && this.isTextStyleNode(element) && !!element.style.fontSize;
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Return the parent maintained tag. (bind and use a util object)
-	 * @param {boolean} _isRemove is remove anchor
-	 * @param {boolean} _isSizeNode is size span node
-	 * @param {Node} element Element
-	 * @returns {Node|null}
-	 */
-	_sn_getMaintainedNode(_isRemove, _isSizeNode, element) {
-		if (!element || _isRemove) return null;
-		return dom.query.getParentElement(element, this._isNonSplitNode.bind(this)) || (!_isSizeNode ? dom.query.getParentElement(element, this._sn_isSizeNode.bind(this)) : null);
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Check if element is a tag that should be persisted. (bind and use a util object)
-	 * @param {boolean} _isRemove is remove anchor
-	 * @param {boolean} _isSizeNode is size span node
-	 * @param {Node} element Element
-	 * @returns {boolean}
-	 */
-	_sn_isMaintainedNode(_isRemove, _isSizeNode, element) {
-		if (!element || _isRemove || element.nodeType !== 1) return false;
-		const anchor = this._isNonSplitNode(element);
-		return dom.query.getParentElement(element, this._isNonSplitNode.bind(this)) ? anchor : anchor || (!_isSizeNode ? this._sn_isSizeNode(element) : false);
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description If certain styles are applied to all child nodes of the list cell, the style of the list cell is also changed. (bold, color, size)
-	 * @param {Node} el List cell element. <li>
-	 * @param {?Node} child Variable for recursive call. ("null" on the first call)
-	 */
-	_sn_setCommonListStyle(el, child) {
-		if (!dom.check.isListCell(el)) return;
-
-		const children = dom.utils.arrayFilter((child || el).childNodes, (current) => !dom.check.isBreak(current));
-		child = children[0];
-
-		if (!dom.check.isElement(child) || children.length > 1) return;
-
-		// set cell style---
-		const childStyle = child.style;
-		const elStyle = el.style;
-		const nodeName = child.nodeName.toLowerCase();
-		let appliedEl = false;
-
-		// bold, italic
-		if (this.options.get('_defaultStyleTagMap')[nodeName] === this.options.get('_defaultTagCommand').bold.toLowerCase()) elStyle.fontWeight = 'bold';
-		if (this.options.get('_defaultStyleTagMap')[nodeName] === this.options.get('_defaultTagCommand').italic.toLowerCase()) elStyle.fontStyle = 'italic';
-
-		// styles
-		const cKeys = converter.getValues(childStyle);
-		if (cKeys.length > 0) {
-			for (let i = 0, len = this._listCamel.length; i < len; i++) {
-				if (cKeys.includes(this._listKebab[i])) {
-					elStyle[this._listCamel[i]] = childStyle[this._listCamel[i]];
-					childStyle.removeProperty(this._listKebab[i]);
-					appliedEl = true;
-				}
-			}
-		}
-
-		this._sn_setCommonListStyle(el, child);
-		if (!appliedEl) return;
-
-		// common style
-		if (!childStyle.length) {
-			const ch = child.childNodes;
-			const p = child.parentNode;
-			const n = child.nextSibling;
-			while (ch.length > 0) {
-				p.insertBefore(ch[0], n);
-			}
-			dom.utils.removeItem(child);
-		}
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Watch the applied text nodes and adjust the common styles of the list.
-	 * @param {Node} el "LI" element
-	 * @param {Array|null} styleArray Refer style array
-	 */
-	_sn_resetCommonListCell(el, styleArray) {
-		if (!dom.check.isListCell(el)) return;
-		if (!styleArray) styleArray = this._listKebab;
-
-		const children = dom.utils.arrayFilter(el.childNodes, (current) => !dom.check.isBreak(current));
-		const elStyles = el.style;
-
-		const ec = [],
-			ek = [],
-			elKeys = converter.getValues(elStyles);
-		for (let i = 0, len = this._listKebab.length; i < len; i++) {
-			if (elKeys.includes(this._listKebab[i]) && styleArray.includes(this._listKebab[i])) {
-				ec.push(this._listCamel[i]);
-				ek.push(this._listKebab[i]);
-			}
-		}
-
-		if (!ec.length) return;
-
-		// reset cell style---
-		const refer = dom.utils.createElement('SPAN');
-		for (let i = 0, len = ec.length; i < len; i++) {
-			refer.style[ec[i]] = elStyles[ek[i]];
-			elStyles.removeProperty(ek[i]);
-		}
-
-		let sel = refer.cloneNode(false);
-		let r = null,
-			appliedEl = false;
-		for (let i = 0, len = children.length, c, s; i < len; i++) {
-			c = /** @type {HTMLElement} */ (children[i]);
-			if (this.options.get('_defaultStyleTagMap')[c.nodeName.toLowerCase()]) continue;
-
-			s = converter.getValues(c.style);
-			if (
-				s.length === 0 ||
-				(ec.some(function (k) {
-					return !s.includes(k);
-				}) &&
-					s.some(function (k) {
-						ec.includes(k);
-					}))
-			) {
-				r = c.nextSibling;
-				sel.appendChild(c);
-			} else if (sel.childNodes.length > 0) {
-				el.insertBefore(sel, r);
-				sel = refer.cloneNode(false);
-				r = null;
-				appliedEl = true;
-			}
-		}
-
-		if (sel.childNodes.length > 0) {
-			el.insertBefore(sel, r);
-			appliedEl = true;
-		}
-		if (!elStyles.length) {
-			el.removeAttribute('style');
-		}
-
-		return appliedEl;
-	},
-
-	/**
-	 * @private
-	 * @this {FormatThis}
-	 * @description Reset the line break format.
-	 * @param {"line"|"br"} breakFormat options.get('defaultLineBreakFormat')
-	 */
-	__resetBrLineBreak(breakFormat) {
-		this._brLineBreak = breakFormat === 'br';
-	},
-
-	constructor: Format
-};
-
-/**
- * @private
- * @param {Node} baseNode Node
- */
-function DeleteNestedList(baseNode) {
-	const baseParent = baseNode.parentNode;
-	let parent = baseParent.parentNode;
-	let siblingNode = /** @type {*} */ (baseParent);
-	let liSibling, liParent, child, index, c;
-
-	while (dom.check.isListCell(parent)) {
-		index = dom.query.getPositionIndex(baseNode);
-		liSibling = parent.nextElementSibling;
-		liParent = parent.parentNode;
-		child = siblingNode;
-
-		while (child) {
-			siblingNode = siblingNode.nextSibling;
-			if (dom.check.isList(child)) {
-				c = child.childNodes;
-				while (c[index]) {
-					liParent.insertBefore(c[index], liSibling);
-				}
-				if (c.length === 0) dom.utils.removeItem(child);
-			} else {
-				liParent.appendChild(child);
-			}
-			child = siblingNode;
-		}
-
-		parent = liParent.parentNode;
-	}
-
-	if (baseParent.children.length === 0) dom.utils.removeItem(baseParent);
-
-	return liParent;
-}
-
-/**
- * @private
- * @param {Array<HTMLElement>} lines - Line elements
- * @param {number} size - Margin size
- * @param {string} dir - Direction
- * @returns
- */
-function SetLineMargin(lines, size, dir) {
-	const cells = [];
+/**
+ * @private
+ * @param {Array<HTMLElement>} lines - Line elements
+ * @param {number} size - Margin size
+ * @param {string} dir - Direction
+ * @returns
+ */
+function SetLineMargin(lines, size, dir) {
+	const cells = [];
 
 	for (let i = 0, len = lines.length, f, margin; i < len; i++) {
 		f = lines[i];
@@ -3412,22 +1066,4 @@ function SetLineMargin(lines, size, dir) {
 	return cells;
 }
 
-/**
- * @private
- * @description Strip remove node
- * @param {Node} removeNode The remove node
- * @private
- */
-function SN_StripRemoveNode(removeNode) {
-	const element = removeNode.parentNode;
-	if (!removeNode || removeNode.nodeType === 3 || !element) return;
-
-	const children = removeNode.childNodes;
-	while (children[0]) {
-		element.insertBefore(children[0], removeNode);
-	}
-
-	element.removeChild(removeNode);
-}
-
 export default Format;