suneditor 3.0.0-beta.1 → 3.0.0-beta.3

package/src/core/section/constructor.js

@@ -1,4 +1,4 @@
-import _icons from '../../assets/icons/_default';
+import _icons from '../../assets/icons/defaultIcons';
 import _defaultLang from '../../langs/en';
 import { CreateContext, CreateFrameContext } from './context';
 import { dom, numbers, converter, env } from '../../helper';
@@ -24,6 +24,9 @@ const DEFAULT_ELEMENT_WHITELIST =
 	'p|pre|blockquote|h1|h2|h3|h4|h5|h6|ol|ul|li|hr|figure|figcaption|img|iframe|audio|video|source|table|thead|tbody|tr|th|td|caption|a|b|strong|var|i|em|u|ins|s|span|strike|del|sub|sup|code|svg|path|details|summary';
 const DEFAULT_TEXT_STYLE_TAGS = 'strong|span|font|b|var|i|em|u|ins|s|strike|del|sub|sup|mark|a|label|code|summary';
 
+/* scopeSelectionTags */
+const DEFAULT_SCOPE_SELECTION_TAGS = 'td|table|li|ol|ul|pre|figcaption|blockquote|dl|dt|dd';
+
 const _video_audio_attr = '|controls|autoplay|loop|muted|poster|preload|playsinline|volume|crossorigin|disableRemotePlayback|controlsList';
 const _iframe_attr = '|allowfullscreen|sandbox|loading|allow|referrerpolicy|frameborder|scrolling';
 const DEFAULT_ATTRIBUTE_WHITELIST = 'contenteditable|target|href|title|download|rel|src|alt|class|type|colspan|rowspan' + _video_audio_attr + _iframe_attr;
@@ -69,42 +72,6 @@ const DEFAULT_CONTENT_STYLES =
 
 const RETAIN_STYLE_MODE = ['repeat', 'always', 'none'];
 
-export const RO_UNAVAILABD = [
-	'mode',
-	'type',
-	'externalLibs',
-	'iframe',
-	'convertTextTags',
-	'textStyleTags',
-	'fontSizeUnits',
-	'spanStyles',
-	'lineStyles',
-	'tagStyles',
-	'reverseCommands',
-	'shortcutsDisable',
-	'shortcuts',
-	'buttonList',
-	'subToolbar',
-	'toolbar_container',
-	'statusbar_container',
-	'elementWhitelist',
-	'elementBlacklist',
-	'attributeWhitelist',
-	'attributeBlacklist',
-	'defaultLine',
-	'formatClosureBrLine',
-	'formatBrLine',
-	'formatLine',
-	'formatClosureBlock',
-	'formatBlock',
-	'__defaultElementWhitelist',
-	'__defaultAttributeWhitelist',
-	'__listCommonStyle',
-	'icons',
-	'lang',
-	'codeMirror'
-];
-
 /**
  * @typedef {Object} EditorFrameOptions
  * @property {string} [value=""] - Initial value for the editor.
@@ -185,6 +152,7 @@ export const RO_UNAVAILABD = [
  * - Formats that include "line", such as "Quote", still operate on a "line" basis.
  * - ● suneditor processes work in "line" units.
  * - ● When set to "br", performance may decrease when editing a lot of data.
+ * @property {Array<string>} [scopeSelectionTags=["td", "table", "li", "ol", "ul", "pre", "figcaption", "blockquote", "dl", "dt", "dd"]] - Tags treated as whole units when selecting all content.
  * @property {string} [__defaultElementWhitelist="br|div"] - Default allowed HTML elements. The default values are maintained.
  * @property {string} [elementWhitelist=""] - Allowed HTML elements. Delimiter: "|" (e.g. "p|div", "*").
  * @property {string} [elementBlacklist=""] - Disallowed HTML elements. Delimiter: "|" (e.g. "script|style").
@@ -248,13 +216,127 @@ export const RO_UNAVAILABD = [
  * - For example, when changing the font size or color of a list item (`<li>`),
  * - these styles will be applied to the `<li>` tag instead of wrapping the content inside additional tags.
  * @property {Object<string, *>} [externalLibs] - External libraries like CodeMirror or MathJax.
- * @property {Object<string, *>} [PluginOptions] - Dynamic plugin options, where the key is the plugin name and the value is its configuration.
+ *
+ * @property {Object<string, *>} [Dynamic_pluginOptions] - Dynamic plugin options, where the key is the plugin name and the value is its configuration.
  */
 
 /**
  * @typedef {EditorBaseOptions & EditorFrameOptions} EditorInitOptions
  */
 
+/** ------------- [OPTIONS FRAG] ------------- */
+/**
+ * @description For all EditorInitOptions keys, only boolean | null values are allowed.
+ * - 'fixed' → Immutable / null → Resettable.
+ * @type {Partial<Record<keyof EditorInitOptions, "fixed" | true>>}
+ */
+export const OPTION_FRAME_FIXED_FLAG = {
+	value: 'fixed',
+	placeholder: true,
+	editableFrameAttributes: true,
+	width: true,
+	minWidth: true,
+	maxWidth: true,
+	height: true,
+	minHeight: true,
+	maxHeight: true,
+	editorStyle: true,
+	iframe: 'fixed',
+	iframe_fullPage: 'fixed',
+	iframe_attributes: true,
+	iframe_cssFileName: true,
+	statusbar: true,
+	statusbar_showPathLabel: true,
+	statusbar_resizeEnable: 'fixed',
+	charCounter: true,
+	charCounter_max: true,
+	charCounter_label: true,
+	charCounter_type: true
+};
+/**
+ * @description For all EditorInitOptions keys, only boolean | null values are allowed.
+ * - 'fixed' → Immutable / null → Resettable.
+ * @type {Partial<Record<keyof EditorInitOptions, "fixed" | true>>}
+ */
+export const OPTION_FIXED_FLAG = {
+	plugins: 'fixed',
+	excludedPlugins: 'fixed',
+	buttonList: 'fixed',
+	v2Migration: 'fixed',
+	strictMode: 'fixed',
+	mode: 'fixed',
+	type: 'fixed',
+	theme: true,
+	lang: 'fixed',
+	fontSizeUnits: 'fixed',
+	allowedClassName: 'fixed',
+	closeModalOutsideClick: 'fixed',
+	copyFormatKeepOn: true,
+	syncTabIndent: true,
+	tabDisable: true,
+	autoLinkify: true,
+	autoStyleify: true,
+	scrollToOptions: true,
+	componentScrollToOptions: true,
+	retainStyleMode: true,
+	allowedExtraTags: 'fixed',
+	events: true,
+	__textStyleTags: 'fixed',
+	textStyleTags: 'fixed',
+	convertTextTags: 'fixed',
+	__tagStyles: 'fixed',
+	tagStyles: 'fixed',
+	spanStyles: 'fixed',
+	lineStyles: 'fixed',
+	textDirection: true,
+	reverseButtons: 'fixed',
+	historyStackDelayTime: true,
+	lineAttrReset: true,
+	printClass: true,
+	defaultLine: 'fixed',
+	defaultLineBreakFormat: true,
+	scopeSelectionTags: true,
+	__defaultElementWhitelist: 'fixed',
+	elementWhitelist: 'fixed',
+	elementBlacklist: 'fixed',
+	__defaultAttributeWhitelist: 'fixed',
+	attributeWhitelist: 'fixed',
+	attributeBlacklist: 'fixed',
+	__defaultFormatLine: 'fixed',
+	formatLine: 'fixed',
+	__defaultFormatBrLine: 'fixed',
+	formatBrLine: 'fixed',
+	__defaultFormatClosureBrLine: 'fixed',
+	formatClosureBrLine: 'fixed',
+	__defaultFormatBlock: 'fixed',
+	formatBlock: 'fixed',
+	__defaultFormatClosureBlock: 'fixed',
+	formatClosureBlock: 'fixed',
+	allowedEmptyTags: true,
+	toolbar_width: true,
+	toolbar_container: 'fixed',
+	toolbar_sticky: true,
+	toolbar_hide: true,
+	subToolbar: 'fixed',
+	statusbar_container: 'fixed',
+	shortcutsHint: true,
+	shortcutsDisable: 'fixed',
+	shortcuts: 'fixed',
+	fullScreenOffset: true,
+	previewTemplate: true,
+	printTemplate: true,
+	componentAutoSelect: true,
+	defaultUrlProtocol: true,
+	allUsedStyles: 'fixed',
+	toastMessageTime: true,
+	icons: 'fixed',
+	freeCodeViewMode: true,
+	__lineFormatFilter: true,
+	__pluginRetainFilter: true,
+	__listCommonStyle: 'fixed',
+	externalLibs: 'fixed'
+};
+
 /**
  * @description Creates a new SunEditor instance with specified options.
  * @param {Array<{target: Element, key: *, options: EditorFrameOptions}>} editorTargets - Target element or multi-root object.
@@ -364,7 +446,7 @@ function Constructor(editorTargets, options) {
 		const to = optionMap.frameMap.get(editTarget.key);
 		const top_div = dom.utils.createElement('DIV', { class: 'sun-editor' + o.get('_themeClass') + (o.get('_rtl') ? ' se-rtl' : '') });
 		const container = dom.utils.createElement('DIV', { class: 'se-container' });
-		const editor_div = dom.utils.createElement('DIV', { class: 'se-wrapper' + (o.get('type') === 'document' ? ' se-type-document' : '') });
+		const editor_div = dom.utils.createElement('DIV', { class: 'se-wrapper' + (o.get('type') === 'document' ? ' se-type-document' : '') + (o.get('_type_options').includes('header') ? ' se-type-document-header' : '') });
 
 		container.appendChild(dom.utils.createElement('DIV', { class: 'se-toolbar-shadow' }));
 
@@ -424,10 +506,10 @@ function Constructor(editorTargets, options) {
 
 		// document type
 		const documentTypeInner = { inner: null, page: null, pageMirror: null };
-		if (o.get('type-options').includes('header')) {
+		if (o.get('_type_options').includes('header')) {
 			documentTypeInner.inner = dom.utils.createElement('DIV', { class: 'se-document-lines', style: `height: ${to.get('height')};` }, '<div class="se-document-lines-inner"></div>');
 		}
-		if (o.get('type-options').includes('page')) {
+		if (o.get('_type_options').includes('page')) {
 			documentTypeInner.page = dom.utils.createElement('DIV', { class: 'se-document-page' }, null);
 			documentTypeInner.pageMirror = dom.utils.createElement(
 				'DIV',
@@ -500,13 +582,16 @@ export function CreateShortcuts(command, button, values, keyMap, rc, reverseKeys
 		plugin = null;
 		method = a[a.length - 1].trim?.();
 		if (method.startsWith('~')) {
+			// plugin key, method
 			plugin = command;
 			method = a.pop().trim().substring(1);
-		} else if (method.startsWith('p~')) {
+		} else if (method.startsWith('$~')) {
+			// custom key, plugin method
 			const a_ = a.pop().trim().substring(2).split('.');
 			plugin = a_[0];
 			method = a_[1];
 		} else if (method.startsWith('$')) {
+			// directly method
 			_i = 1;
 			method = values[i + 2];
 		} else {
@@ -539,13 +624,16 @@ export function CreateShortcuts(command, button, values, keyMap, rc, reverseKeys
 			}
 		}
 
-		k = c ? v + (s ? '1000' : '') : v;
-		if (!keyMap.has(k)) {
-			r = rc.indexOf(command);
-			r = r === -1 ? '' : numbers.isOdd(r) ? rc[r + 1] : rc[r - 1];
-			if (r) reverseKeys.push(k);
+		v = v.split('|');
+		for (let j = 0, len = v.length; j < len; j++) {
+			k = c ? v[j] + (s ? '1000' : '') : v[j];
+			if (!keyMap.has(k)) {
+				r = rc.indexOf(command);
+				r = r === -1 ? '' : numbers.isOdd(r) ? rc[r + 1] : rc[r - 1];
+				if (r) reverseKeys.push(k);
 
-			keyMap.set(k, { c, s, edge, space, enter, textTrigger, plugin, command, method, r, type: button?.getAttribute('data-type'), button, key: k });
+				keyMap.set(k, { c, s, edge, space, enter, textTrigger, plugin, command, method, r, type: button?.getAttribute('data-type'), button, key: k });
+			}
 		}
 
 		if (!(t = values[i + 1])) continue;
@@ -619,7 +707,7 @@ export function InitOptions(options, editorTargets, plugins) {
 	o.set('type', options.type?.split(':')[0] || ''); // document:header,page
 	o.set('theme', options.theme || '');
 	o.set('_themeClass', options.theme ? ` se-theme-${options.theme}` : '');
-	o.set('type-options', options.type?.split(':')[1] || '');
+	o.set('_type_options', options.type?.split(':')[1] || '');
 	o.set('externalLibs', options.externalLibs || {});
 	o.set('fontSizeUnits', Array.isArray(options.fontSizeUnits) && options.fontSizeUnits.length > 0 ? options.fontSizeUnits.map((v) => v.toLowerCase()) : DEFAULT_SIZE_UNITS);
 	o.set('allowedClassName', new RegExp(`${options.allowedClassName && typeof options.allowedClassName === 'string' ? options.allowedClassName + '|' : ''}${DEFAULT_CLASS_NAME}`));
@@ -735,7 +823,8 @@ export function InitOptions(options, editorTargets, plugins) {
 	/** whitelist, blacklist */
 	// default line
 	o.set('defaultLine', typeof options.defaultLine === 'string' && options.defaultLine.length > 0 ? options.defaultLine : 'p');
-	o.set('_defaultBrLineBreak', options.defaultLineBreakFormat === 'br');
+	o.set('defaultLineBreakFormat', options.defaultLineBreakFormat || 'line');
+	o.set('scopeSelectionTags', options.scopeSelectionTags || DEFAULT_SCOPE_SELECTION_TAGS.split('|'));
 	// element
 	const elw = (typeof options.elementWhitelist === 'string' ? options.elementWhitelist : '').toLowerCase();
 	const mjxEls = o.get('externalLibs').mathjax ? DEFAULT_CLASS_MJX + '|' : '';
@@ -851,9 +940,9 @@ export function InitOptions(options, editorTargets, plugins) {
 					list_numbered: ['!+1.+_+~shortcut', ''],
 					list_bulleted: ['!+*.+_+~shortcut', ''],
 					// custom
-					_h1: ['c+s+Digit1+p~formatBlock.createHeader', ''],
-					_h2: ['c+s+Digit2+p~formatBlock.createHeader', ''],
-					_h3: ['c+s+Digit3+p~formatBlock.createHeader', '']
+					_h1: ['c+s+Digit1|Numpad1+$~formatBlock.applyHeaderByShortcut', ''],
+					_h2: ['c+s+Digit2|Numpad2+$~formatBlock.applyHeaderByShortcut', ''],
+					_h3: ['c+s+Digit3|Numpad3+$~formatBlock.applyHeaderByShortcut', '']
 				},
 				options.shortcuts || {}
 		  ].reduce((_default, _new) => {
@@ -1040,6 +1129,7 @@ function InitFrameOptions(o, origin) {
 	fo.set('height', height ? (numbers.is(height) ? height + 'px' : height) : 'auto');
 	fo.set('minHeight', (numbers.is(minHeight) ? minHeight + 'px' : minHeight) || '');
 	fo.set('maxHeight', (numbers.is(maxHeight) ? maxHeight + 'px' : maxHeight) || '');
+	fo.set('editorStyle', editorStyle);
 	fo.set('_defaultStyles', converter._setDefaultOptionStyle(fo, typeof editorStyle === 'string' ? editorStyle : ''));
 	// iframe
 	fo.set('iframe', !!(iframe_fullPage || iframe));
@@ -1100,9 +1190,8 @@ function _initTargetElements(key, options, topDiv, targetOptions) {
 
 	// textarea for code view
 	const textarea = dom.utils.createElement('TEXTAREA', { class: 'se-wrapper-inner se-code-viewer', style: editorStyles.frame });
-	let placeholder = null;
+	const placeholder = dom.utils.createElement('SPAN', { class: 'se-placeholder' });
 	if (targetOptions.get('placeholder')) {
-		placeholder = dom.utils.createElement('SPAN', { class: 'se-placeholder' });
 		placeholder.textContent = targetOptions.get('placeholder');
 	}
 

package/src/core/section/documentType.js

@@ -43,8 +43,8 @@ function DocumentType(editor, fc) {
 	this.pages = [];
 	this.pages_line = [];
 	this.prevScrollTop = 0;
-	this.useHeader = editor.options.get('type-options').includes('header');
-	this.usePage = editor.options.get('type-options').includes('page');
+	this.useHeader = editor.options.get('_type_options').includes('header');
+	this.usePage = editor.options.get('_type_options').includes('page');
 	this.navigatorButtons = [];
 	this.pageNavigator = null;
 	this._mirror = fc.get('documentTypePageMirror');

package/src/events.js

@@ -161,12 +161,24 @@ export default {
 	 */
 	onFocus: null,
 
+	/**
+	 * @description Event call back function
+	 * @param {BaseEvent} params
+	 */
+	onNativeFocus: null,
+
 	/**
 	 * @description Event call back function
 	 * @param {BaseEvent} params
 	 */
 	onBlur: null,
 
+	/**
+	 * @description Event call back function
+	 * @param {BaseEvent} params
+	 */
+	onNativeBlur: null,
+
 	/**
 	 * @description Event function on copy
 	 * @param {Object} params
@@ -606,5 +618,17 @@ export default {
 	 * @param {EmbedInfo} params.info - info object
 	 * @param {(newInfo?: EmbedInfo|null) => void} params.handler - handler function
 	 */
-	onEmbedInputBefore: null
+	onEmbedInputBefore: null,
+
+	/**
+	 * @description Called before the embed is deleted
+	 * @param {Object} params
+	 * @param {__se__EditorCore} params.editor - The root editor instance
+	 * @param {HTMLElement} params.element - target element
+	 * @param {HTMLElement} params.container - target's container element (div)
+	 * @param {string} params.align - align value
+	 * @param {string} params.url - embed url
+	 * @returns {Promise<boolean>}
+	 */
+	onEmbedDeleteBefore: null
 };

package/src/helper/converter.js

@@ -170,6 +170,26 @@ export function syncMaps(targetMap, referenceMap) {
 	});
 }
 
+/**
+ * @description Merges multiple Map objects into a new Map using spread syntax.
+ * - Entries from later maps in the arguments list will overwrite entries from earlier maps if keys conflict.
+ * - The original maps are not modified.
+ * @param {...Map<*, *>} mapsToMerge - An arbitrary number of Map objects to merge.
+ * @returns {Map<*, *>} A new Map containing all entries from the input maps.
+ */
+export function mergeMaps(...mapsToMerge) {
+	const validMaps = mapsToMerge.filter((m) => {
+		if (!(m instanceof Map)) {
+			return false;
+		}
+		return true;
+	});
+
+	const allEntries = validMaps.flatMap((map) => [...map]);
+
+	return new Map(allEntries);
+}
+
 /**
  * @description Object.values
  * @param {Object<*, *>} obj Object parameter.
@@ -269,8 +289,9 @@ export function nodeListToArray(nodeList) {
 export function swapKeyValue(obj) {
 	const swappedObj = {};
 
+	const hasOwn = Object.prototype.hasOwnProperty;
 	for (const key in obj) {
-		if (Object.prototype.hasOwnProperty.call(obj, key)) {
+		if (hasOwn.call(obj, key)) {
 			swappedObj[obj[key]] = key;
 		}
 	}
@@ -542,6 +563,7 @@ const converter = {
 	entityToHTML,
 	debounce,
 	syncMaps,
+	mergeMaps,
 	getValues,
 	camelToKebabCase,
 	kebabToCamelCase,

package/src/helper/dom/domCheck.js

@@ -162,6 +162,15 @@ export function isFigure(node) {
 	return /^FIGURE$/i.test(typeof node === 'string' ? node : node?.nodeName);
 }
 
+/**
+ * @description Checks whether the given node is a content-less (void) HTML tag
+ * @param {?Node|string} node The element or element name to check
+ * @returns {boolean}
+ */
+export function isContentLess(node) {
+	return /^(BR|COLGROUP|COL|THEAD|TBODY|TFOOT|TR|AREA|BASE|EMBED|HR|IMG|INPUT|KEYGEN|LINK|META|PARAM|SOURCE|TRACK|WBR)$/i.test(typeof node === 'string' ? node : node?.nodeName);
+}
+
 /**
  * @description Check the line element is empty.
  * @param {Node} node "line" element node
@@ -170,7 +179,7 @@ export function isFigure(node) {
 export function isEmptyLine(node) {
 	if (!node?.parentNode) return true;
 	const el = /** @type {HTMLElement} */ (node);
-	return !el.querySelector('IMG, IFRAME, AUDIO, VIDEO, CANVAS, TABLE') && el.children.length === 0 && check.isZeroWidth(el.textContent);
+	return !el.querySelector('IMG, IFRAME, AUDIO, VIDEO, CANVAS, TABLE') && (el.children.length <= 1 || isBreak(el.firstElementChild)) && isZeroWidth(el.textContent);
 }
 
 /**
@@ -179,7 +188,7 @@ export function isEmptyLine(node) {
  * @returns {node is HTMLElement}
  */
 export function isWysiwygFrame(node) {
-	return node?.nodeType === 1 && (domUtils.hasClass(node, 'se-wrapper-wysiwyg|sun-editor-carrier-wrapper') || /^BODY$/i.test(node.nodeName));
+	return node?.nodeType === 1 && (domUtils.hasClass(node, 'se-wrapper-wysiwyg|sun-editor-carrier-wrapper|se-wrapper') || /^BODY$/i.test(node.nodeName));
 }
 
 /**
@@ -281,6 +290,7 @@ const check = {
 	isMedia,
 	isIFrame,
 	isFigure,
+	isContentLess,
 	isEmptyLine,
 	isWysiwygFrame,
 	isNonEditable,

package/src/modules/Controller.js

@@ -108,10 +108,12 @@ class Controller extends EditorInjector {
 		if (this.editor.isBalloon) this.toolbar.hide();
 		else if (this.editor.isSubBalloon) this.subToolbar.hide();
 
-		if (disabled ?? this.disabled) {
-			this.ui.setControllerOnDisabledButtons(true);
-		} else {
-			this.ui.setControllerOnDisabledButtons(false);
+		if (!this.status.hasFocus) {
+			if (disabled ?? this.disabled) {
+				this.ui.setControllerOnDisabledButtons(true);
+			} else {
+				this.ui.setControllerOnDisabledButtons(false);
+			}
 		}
 
 		this.currentPositionTarget = positionTarget || target;
@@ -429,6 +431,7 @@ class Controller extends EditorInjector {
 		if (this.form.contains(eventTarget) || this._checkForm(eventTarget)) return;
 		if (this.editor._fileManager.pluginRegExp.test(this.kind) && !keyCodeMap.isEsc(keyCode)) return;
 
+		this.#PostCloseEvent(eventTarget);
 		this.close();
 	}
 
@@ -443,12 +446,29 @@ class Controller extends EditorInjector {
 		}
 
 		this.isOpen = true;
-		if (eventTarget === this.inst._element || eventTarget === this.currentTarget || this._checkFixed() || this.form.contains(eventTarget) || this._checkForm(eventTarget)) {
+		if (
+			eventTarget === this.inst._element ||
+			eventTarget === this.currentTarget ||
+			this._checkFixed() ||
+			this.form.contains(eventTarget) ||
+			this._checkForm(eventTarget) ||
+			dom.query.getParentElement(eventTarget, '.se-line-breaker-component')
+		) {
 			return;
 		}
 
+		this.#PostCloseEvent(eventTarget);
 		this.close(true);
 	}
+
+	/**
+	 * @param {HTMLElement} eventTarget - The target element that triggered the event.
+	 */
+	#PostCloseEvent(eventTarget) {
+		if (!this.editor.frameContext.get('wysiwyg').contains(eventTarget)) {
+			this.component.__prevent = false;
+		}
+	}
 }
 
 export default Controller;

package/src/modules/Figure.js

@@ -652,7 +652,7 @@ class Figure extends EditorInjector {
 	 */
 	_asFormatChange(figureinfo, w, h) {
 		const kind = this.kind;
-		figureinfo.target.onload = () => this.component.select(figureinfo.target, kind, false);
+		figureinfo.target.onload = () => this.component.select(figureinfo.target, kind);
 
 		this._setFigureInfo(figureinfo);
 
@@ -745,7 +745,7 @@ class Figure extends EditorInjector {
 
 		this.history.push(false);
 		if (!/^remove|caption$/.test(command)) {
-			this.component.select(element, this.kind, false);
+			this.component.select(element, this.kind);
 		}
 	}
 
@@ -1318,7 +1318,7 @@ class Figure extends EditorInjector {
 		}
 
 		this.history.push(false);
-		this.component.select(this._element, this.kind, false);
+		this.component.select(this._element, this.kind);
 	}
 
 	/**
@@ -1328,7 +1328,7 @@ class Figure extends EditorInjector {
 	#ContainerResizingESC(e) {
 		if (!keyCodeMap.isEsc(e.code)) return;
 		this._offResizeEvent();
-		this.component.select(this._element, this.kind, false);
+		this.component.select(this._element, this.kind);
 	}
 
 	/**
@@ -1337,7 +1337,7 @@ class Figure extends EditorInjector {
 	#SetMenuAlign(value) {
 		this.setAlign(this._element, value);
 		this.selectMenu_align.close();
-		this.component.select(this._element, this.kind, false);
+		this.component.select(this._element, this.kind);
 	}
 
 	/**
@@ -1367,7 +1367,7 @@ class Figure extends EditorInjector {
 		}
 
 		this.selectMenu_resize.close();
-		this.component.select(this._element, this.kind, false);
+		this.component.select(this._element, this.kind);
 	}
 
 	#OffFigureContainer() {

package/src/modules/FileManager.js

@@ -202,7 +202,7 @@ class FileManager extends CoreInjector {
 			el.scrollIntoView(this.options.get('componentScrollToOptions'));
 			const comp = this.component.get(el);
 			if (comp) {
-				this.component.select(comp.target, comp.pluginName, false);
+				this.component.select(comp.target, comp.pluginName);
 			} else if (typeof this.inst.select === 'function') {
 				this.inst.select(el);
 			}

package/src/plugins/command/fileUpload.js

@@ -184,7 +184,7 @@ class FileUpload extends EditorInjector {
 		}
 
 		this.controller.close();
-		this.component.select(this._element, FileUpload.key, false);
+		this.component.select(this._element, FileUpload.key);
 	}
 
 	/**
@@ -321,7 +321,7 @@ class FileUpload extends EditorInjector {
 		}
 
 		this.history.push(false);
-		this.component.select(target, FileUpload.key, false);
+		this.component.select(target, FileUpload.key);
 	}
 
 	/**
@@ -368,7 +368,7 @@ class FileUpload extends EditorInjector {
 			const line = this.format.addLine(figure.container, null);
 			if (line) this.selection.setRange(line, 0, line, 0);
 		} else {
-			this.component.select(a, FileUpload.key, false);
+			this.component.select(a, FileUpload.key);
 		}
 	}
 

package/src/plugins/dropdown/formatBlock.js

@@ -1,15 +1,6 @@
 import EditorInjector from '../../editorInjector';
 import { dom } from '../../helper';
 
-const HEADER_KEYCODE = new Map([
-	['Digit1', 'h1'],
-	['Digit2', 'h2'],
-	['Digit3', 'h3'],
-	['Digit4', 'h4'],
-	['Digit5', 'h5'],
-	['Digit6', 'h6']
-]);
-
 /**
  * @class
  * @description FormatBlock Plugin (P, BLOCKQUOTE, PRE, H1, H2...)
@@ -125,12 +116,12 @@ class FormatBlock extends EditorInjector {
 
 	/**
 	 * @description Create a header tag, call by "shortcut" class
-	 * - (e.g. shortcuts._h1: ['c+s+49+p~formatBlock.createHeader', ''])
+	 * - (e.g. shortcuts._h1: ['c+s+49+$~formatBlock.applyHeaderByShortcut', ''])
 	 * @param {__se__PluginShortcutInfo} params - Information of the "shortcut" plugin
 	 */
-	createHeader({ keyCode }) {
-		const headerName = HEADER_KEYCODE.get(keyCode);
-		const tag = dom.utils.createElement(headerName);
+	applyHeaderByShortcut({ keyCode }) {
+		const headerNum = keyCode.match(/\d+$/)?.[0];
+		const tag = dom.utils.createElement(`H${headerNum}`);
 		this.format.setLine(tag);
 	}
 }