suneditor 3.1.4 → 3.2.1

package/src/core/event/handlers/handler_ww_key.js

@@ -1,7 +1,7 @@
 import { dom, env, unicode, keyCodeMap } from '../../../helper';
 import { actionExecutor } from '../executor';
 import { makePorts } from '../ports';
-import { reduceKeydown } from '../reducers/keydown.reducer';
+import { reduceKeydown, ENTER_FROM_BEFOREINPUT } from '../reducers/keydown.reducer';
 
 const { _w } = env;
 const FRONT_ZEROWIDTH = new RegExp(unicode.zeroWidthSpace + '+', '');
@@ -47,25 +47,37 @@ export async function OnKeyDown_wysiwyg(fc, e) {
 		if (!this.$.store.mode.isSubBalloonAlways) this._hideToolbar_sub();
 	}
 
-	// user event
-	if ((await this.$.eventManager.triggerEvent('onKeyDown', { frameContext: fc, event: e })) === false) return;
-
-	/** default key action */
-	if (keyCodeMap.isEnter(keyCode) && this.$.format.isLine(this.$.selection.getRange()?.startContainer)) {
-		this.$.selection.resetRangeToTextNode();
-		selectionNode = this.$.selection.getNode();
+	/**
+	 * default key action — normalize the Enter range before the reducer reads it.
+	 * Skipped when Enter is handled from `beforeinput` (ENTER_FROM_BEFOREINPUT): mutating the DOM here
+	 * on keydown re-traps the iOS/mobile IME marked-text — `dispatchEnter` runs this same normalization
+	 * later, after the IME has committed.
+	 */
+	if (!ENTER_FROM_BEFOREINPUT && keyCodeMap.isEnter(keyCode)) {
+		const normalized = this._normalizeEnterRange();
+		if (normalized) selectionNode = normalized;
 	}
 
 	const range = this.$.selection.getRange();
 	const formatEl = /** @type {HTMLElement} */ (this.$.format.getLine(selectionNode, null) || selectionNode);
 
 	/** Shortcuts */
-	if (ctrl && !keyCodeMap.isNonTextKey(keyCode) && this.$.shortcuts.command(e, ctrl, shift, keyCode, '', false, null, null)) {
+	if (
+		ctrl &&
+		!keyCodeMap.isNonTextKey(keyCode) &&
+		this.$.shortcuts.command(e, ctrl, shift, keyCode, '', false, null, null)
+	) {
 		this._onShortcutKey = true;
 		e.preventDefault();
 		e.stopPropagation();
 		return false;
-	} else if (!ctrl && !keyCodeMap.isNonTextKey(keyCode) && this.$.format.isLine(formatEl) && range.collapsed && dom.check.isEdgePoint(range.startContainer, 0, 'front')) {
+	} else if (
+		!ctrl &&
+		!keyCodeMap.isNonTextKey(keyCode) &&
+		this.$.format.isLine(formatEl) &&
+		range.collapsed &&
+		dom.check.isEdgePoint(range.startContainer, 0, 'front')
+	) {
 		const keyword = /** @type {Text} */ (range.startContainer).substringData?.(0, range.startOffset);
 		if (keyword && this.$.shortcuts.command(e, false, shift, keyCode, keyword, true, formatEl, range)) {
 			this._onShortcutKey = true;
@@ -77,16 +89,36 @@ export async function OnKeyDown_wysiwyg(fc, e) {
 		this._onShortcutKey = false;
 	}
 
-	// plugin event
-	if ((await this._callPluginEventAsync('onKeyDown', { frameContext: fc, event: e, range, line: formatEl })) === false) return;
-
 	// reducer / actions
 	/** @type {import('../reducers/keydown.reducer').KeydownReducerCtx} */
-	const ctx = { e, fc, store: this.$.store, options: this.$.options, frameOptions: this.$.frameOptions, range, selectionNode, formatEl, keyCode, ctrl, alt, shift };
+	const ctx = {
+		e,
+		fc,
+		store: this.$.store,
+		options: this.$.options,
+		frameOptions: this.$.frameOptions,
+		range,
+		selectionNode,
+		formatEl,
+		keyCode,
+		ctrl,
+		alt,
+		shift,
+	};
 	const ports = makePorts(this, { _styleNodes });
 
 	// action execute
 	const actions = await reduceKeydown(ports, ctx);
+
+	if ((await this.$.eventManager.triggerEvent('onKeyDown', { frameContext: fc, event: e })) === false) return;
+
+	// plugin event
+	if (
+		(await this._callPluginEventAsync('onKeyDown', { frameContext: fc, event: e, range, line: formatEl })) === false
+	)
+		return;
+
+	// action execute
 	await actionExecutor(actions, { ports, ctx });
 }
 
@@ -110,7 +142,11 @@ export async function OnKeyUp_wysiwyg(fc, e) {
 	const range = this.$.selection.getRange();
 	let selectionNode = this.$.selection.getNode();
 
-	if ((this.$.store.mode.isBalloon || this.$.store.mode.isSubBalloon) && (((this.$.store.mode.isBalloonAlways || this.$.store.mode.isSubBalloonAlways) && !keyCodeMap.isEsc(keyCode)) || !range.collapsed)) {
+	if (
+		(this.$.store.mode.isBalloon || this.$.store.mode.isSubBalloon) &&
+		(((this.$.store.mode.isBalloonAlways || this.$.store.mode.isSubBalloonAlways) && !keyCodeMap.isEsc(keyCode)) ||
+			!range.collapsed)
+	) {
 		if (this.$.store.mode.isBalloonAlways || this.$.store.mode.isSubBalloonAlways) {
 			if (!keyCodeMap.isEsc(keyCode)) this._showToolbarBalloonDelay();
 		} else {
@@ -121,14 +157,25 @@ export async function OnKeyUp_wysiwyg(fc, e) {
 	}
 
 	/** when format tag deleted */
-	if (keyCodeMap.isBackspace(keyCode) && dom.check.isWysiwygFrame(selectionNode) && selectionNode.textContent === '' && selectionNode.children.length === 0) {
+	if (
+		keyCodeMap.isBackspace(keyCode) &&
+		dom.check.isWysiwygFrame(selectionNode) &&
+		selectionNode.textContent === '' &&
+		selectionNode.children.length === 0
+	) {
 		e.preventDefault();
 		e.stopPropagation();
 
 		selectionNode.innerHTML = '';
 
 		const currentNodeName = this.$.store.get('currentNodes')[0];
-		const oFormatTag = dom.utils.createElement(this.$.format.isLine(currentNodeName) && !dom.check.isListCell(currentNodeName) ? currentNodeName : this.$.options.get('defaultLine'), null, '<br>');
+		const oFormatTag = dom.utils.createElement(
+			this.$.format.isLine(currentNodeName) && !dom.check.isListCell(currentNodeName)
+				? currentNodeName
+				: this.$.options.get('defaultLine'),
+			null,
+			'<br>',
+		);
 		selectionNode.appendChild(oFormatTag);
 		this.$.selection.setRange(oFormatTag, 0, oFormatTag, 0);
 		this.applyTagEffect();
@@ -172,7 +219,12 @@ export async function OnKeyUp_wysiwyg(fc, e) {
 	}
 
 	const textKey = !keyState.ctrl && !keyState.alt && !keyCodeMap.isNonTextKey(keyCode);
-	if (textKey && selectionNode.nodeType === 3 && unicode.zeroWidthRegExp.test(selectionNode.textContent) && !(e.isComposing !== undefined ? e.isComposing : this.isComposing)) {
+	if (
+		textKey &&
+		selectionNode.nodeType === 3 &&
+		unicode.zeroWidthRegExp.test(selectionNode.textContent) &&
+		!(e.isComposing !== undefined ? e.isComposing : this.isComposing)
+	) {
 		let so = range.startOffset,
 			eo = range.endOffset;
 		const frontZeroWidthCnt = (selectionNode.textContent.substring(0, eo).match(FRONT_ZEROWIDTH) || '').length;
@@ -182,7 +234,12 @@ export async function OnKeyUp_wysiwyg(fc, e) {
 		this.$.selection.setRange(selectionNode, so < 0 ? 0 : so, selectionNode, eo < 0 ? 0 : eo);
 	}
 
-	if (keyCodeMap.isRemoveKey(keyCode) && dom.check.isZeroWidth(formatEl?.textContent) && !formatEl.previousElementSibling && !dom.check.isListCell(formatEl)) {
+	if (
+		keyCodeMap.isRemoveKey(keyCode) &&
+		dom.check.isZeroWidth(formatEl?.textContent) &&
+		!formatEl.previousElementSibling &&
+		!dom.check.isListCell(formatEl)
+	) {
 		const rsMode = this.$.options.get('retainStyleMode');
 		if (rsMode !== 'none' && _styleNodes.value?.length > 0) {
 			if (rsMode === 'repeat') {
@@ -209,7 +266,10 @@ export async function OnKeyUp_wysiwyg(fc, e) {
 	if (fc.has('documentType_use_header')) {
 		if (keyCodeMap.isDocumentTypeObserverKey(keyCode)) {
 			fc.get('documentType').reHeader();
-			const el = dom.query.getParentElement(this.$.selection.selectionNode, this.$.format.isLine.bind(this.$.format));
+			const el = dom.query.getParentElement(
+				this.$.selection.selectionNode,
+				this.$.format.isLine.bind(this.$.format),
+			);
 			fc.get('documentType').on(el);
 		} else {
 			const el = dom.query.getParentElement(selectionNode, (current) => current.nodeType === 1);
@@ -220,7 +280,8 @@ export async function OnKeyUp_wysiwyg(fc, e) {
 	// user event
 	if ((await this.$.eventManager.triggerEvent('onKeyUp', { frameContext: fc, event: e })) === false) return;
 	// plugin event
-	if ((await this._callPluginEventAsync('onKeyUp', { frameContext: fc, event: e, range, line: formatEl })) === false) return;
+	if ((await this._callPluginEventAsync('onKeyUp', { frameContext: fc, event: e, range, line: formatEl })) === false)
+		return;
 
 	if (keyCodeMap.isHistoryRelevantKey(keyCode)) {
 		this.$.history.push(true);

package/src/core/event/handlers/handler_ww_mouse.js

@@ -3,6 +3,12 @@ import { _DragHandle } from '../../../modules/ui';
 
 const { _w } = env;
 
+/**
+ * Per-frame rAF state for wysiwyg mousemove coalescing.
+ * @type {WeakMap<*, {rafId: ?number, event: ?MouseEvent}>}
+ */
+const __wwMousemoveRaf = new WeakMap();
+
 /**
  * @typedef {import('../eventOrchestrator').default} EventManagerThis_handler_ww_mouse
  */
@@ -102,7 +108,12 @@ export async function OnClick_wysiwyg(fc, e) {
 	if (e.detail === 3) {
 		const range = this.$.selection.getRange();
 		if (this.$.format.isLine(range.endContainer) && range.endOffset === 0) {
-			this.$.selection.setRange(range.startContainer, range.startOffset, range.startContainer, range.startContainer.textContent.length);
+			this.$.selection.setRange(
+				range.startContainer,
+				range.startOffset,
+				range.startContainer,
+				range.startContainer.textContent.length,
+			);
 		}
 	}
 
@@ -122,7 +133,8 @@ export async function OnClick_wysiwyg(fc, e) {
 				!dom.check.isWysiwygFrame(selectionNode) &&
 				!this.$.component.is(selectionNode) &&
 				(!dom.check.isTableElements(selectionNode) || dom.check.isTableCell(selectionNode)) &&
-				this._setDefaultLine(this.$.format.isBlock(rangeEl) ? 'DIV' : this.$.options.get('defaultLine')) !== null
+				this._setDefaultLine(this.$.format.isBlock(rangeEl) ? 'DIV' : this.$.options.get('defaultLine')) !==
+					null
 			) {
 				e.preventDefault();
 				this.$.focusManager.focus();
@@ -134,7 +146,8 @@ export async function OnClick_wysiwyg(fc, e) {
 	this.$.commandDispatcher._copyFormat();
 
 	// Defer balloon toggle — selection range is finalized after mouseup event returns
-	if (this.$.store.mode.isBalloon || this.$.store.mode.isSubBalloon) _w.setTimeout(this._toggleToolbarBalloon.bind(this), 0);
+	if (this.$.store.mode.isBalloon || this.$.store.mode.isSubBalloon)
+		_w.setTimeout(this._toggleToolbarBalloon.bind(this), 0);
 }
 
 /**
@@ -144,14 +157,35 @@ export async function OnClick_wysiwyg(fc, e) {
  */
 export function OnMouseMove_wysiwyg(fc, e) {
 	if (fc.get('isReadOnly') || fc.get('isDisabled')) return false;
-	const eventTarget = dom.query.getEventTarget(e);
 
-	// over component
-	if (_DragHandle.get('__overInfo') !== false) {
-		this.$.component.hoverSelect(eventTarget);
+	let s = __wwMousemoveRaf.get(fc);
+
+	if (!s) {
+		s = { rafId: null, event: null };
+		__wwMousemoveRaf.set(fc, s);
 	}
 
-	this._callPluginEvent('onMouseMove', { frameContext: fc, event: e });
+	s.event = e;
+	if (s.rafId !== null) return;
+
+	s.rafId = _w.requestAnimationFrame(() => {
+		const ev = s.event;
+		s.rafId = null;
+		s.event = null;
+		if (!ev) return;
+
+		const eventTarget = dom.query.getEventTarget(ev);
+
+		// over component — skip while select menu (block handle menu) is open
+		if (_DragHandle.get('__overInfo') !== false && !this.$.ui.selectMenuOn) {
+			this.$.component.hoverSelect(eventTarget);
+		}
+
+		// block handle
+		this.$.ui.blockHandle?.positionForTarget(eventTarget, ev.clientY);
+
+		this._callPluginEvent('onMouseMove', { frameContext: fc, event: ev });
+	});
 }
 
 /**
@@ -160,6 +194,9 @@ export function OnMouseMove_wysiwyg(fc, e) {
  * @param {MouseEvent} e - Event object
  */
 export async function OnMouseLeave_wysiwyg(fc, e) {
+	// block handle hide
+	this.$.ui.blockHandle?.hide(e);
+
 	// user event
 	if ((await this.$.eventManager.triggerEvent('onMouseLeave', { frameContext: fc, event: e })) === false) return;
 	// plugin event

package/src/core/event/ports.js

@@ -1,5 +1,3 @@
-import { isMobile } from '../../helper/env';
-
 /**
  * @typedef {import('./eventOrchestrator').default} EventManagerInstanceType
  */
@@ -37,6 +35,7 @@ import { isMobile } from '../../helper/env';
  * @property {(...args: Parameters<Format['isEdgeLine']>) => ReturnType<Format['isEdgeLine']>} isEdgeLine
  * @property {(...args: Parameters<Format['removeBlock']>) => ReturnType<Format['removeBlock']>} removeBlock
  * @property {(...args: Parameters<Format['addLine']>) => ReturnType<Format['addLine']>} addLine
+ * @property {(...args: Parameters<Format['addLineAfter']>) => ReturnType<Format['addLineAfter']>} addLineAfter
  */
 
 /**
@@ -82,7 +81,20 @@ import { isMobile } from '../../helper/env';
  * @param {*} param1._styleNodes - Style nodes reference object
  */
 export function makePorts(inst, { _styleNodes }) {
-	const { frameContext, ui, focusManager, selection, format, listFormat, component, html, nodeTransform, history, char, menu } = inst.$;
+	const {
+		frameContext,
+		ui,
+		focusManager,
+		selection,
+		format,
+		listFormat,
+		component,
+		html,
+		nodeTransform,
+		history,
+		char,
+		menu,
+	} = inst.$;
 
 	return {
 		// focusManager
@@ -112,6 +124,7 @@ export function makePorts(inst, { _styleNodes }) {
 			isEdgeLine: (node, offset, dir) => format.isEdgeLine(node, offset, dir),
 			removeBlock: (n, p) => format.removeBlock(n, p),
 			addLine: (el, nextOrTag) => format.addLine(el, nextOrTag),
+			addLineAfter: (el) => format.addLineAfter(el),
 		},
 
 		listFormat: {
@@ -159,25 +172,26 @@ export function makePorts(inst, { _styleNodes }) {
 		// === enter event specific ===
 		/**
 		 * @description Scrolls the editor view to the caret position after pressing `Enter`.
-		 * @param {Range} range Range object
+		 * @param {Range} range Pre-Enter snapshot range (fallback only).
 		 */
 		enterScrollTo(range) {
 			ui._iframeAutoHeight(frameContext);
 
-			// scroll to
-			// if (isMobile && inst.scrollparents.length > 0) return;
-			selection.scrollTo(range, { behavior: 'auto', block: 'nearest', inline: 'nearest' });
+			// Scroll to the *live* post-Enter caret, not the pre-Enter `range` snapshot.
+			selection.scrollTo(selection.getRange() || range, {
+				behavior: 'auto',
+				block: 'nearest',
+				inline: 'nearest',
+			});
 		},
 		/**
-		 * @description Prevents the default behavior of the `Enter` key and refocuses the editor.
-		 * @param {Event} e The keyboard event
+		 * @description Prevents the default behavior of the `Enter` key.
+		 * Enter now runs from `beforeinput` (post-IME-commit), so the former mobile focus-shuffle
+		 * (temp-focus → refocus, to force-end a virtual-keyboard IME session) is unnecessary.
+		 * @param {Event} e The keyboard/input event
 		 */
 		enterPrevent(e) {
 			e.preventDefault();
-			if (!isMobile) return;
-
-			inst.__focusTemp.focus({ preventScroll: true });
-			frameContext.get('wysiwyg').focus({ preventScroll: true });
 		},
 	};
 }

package/src/core/event/reducers/keydown.reducer.js

@@ -9,13 +9,23 @@ import { A } from '../actions';
 
 const { isOSX_IOS } = env;
 
+/**
+ * @description Enter is processed from the `beforeinput` event (post-IME-commit) instead of `keydown`,
+ * to avoid trapping iOS/mobile IME marked-text when `keydown` mutates the DOM (see `handler_ww_input.js`).
+ * Flip to `false` to instantly restore the legacy synchronous `keydown` Enter path — no other file needs
+ * touching for rollback (the `keydown` Enter gate, the `handler_ww_key` normalization guard, and the
+ * `beforeinput` dispatch all key off this single flag).
+ * @type {boolean}
+ */
+export const ENTER_FROM_BEFOREINPUT = true;
+
 /**
  * @typedef {import('../ports').EventReducerPorts} EventPorts
  */
 
 /**
  * @typedef {Object} KeydownReducerCtx - Keydown Reducer Context object
- * @property {KeyboardEvent} ctx.e - The keyboard event
+ * @property {KeyboardEvent|InputEvent} ctx.e - The keyboard event (or the `beforeinput` InputEvent when Enter is dispatched from `beforeinput`)
  * @property {SunEditor.FrameContext} ctx.fc - Frame context object
  * @property {SunEditor.Store} ctx.store - Editor store object
  * @property {SunEditor.Options} ctx.options - Options object
@@ -62,8 +72,13 @@ export async function reduceKeydown(ports, ctx) {
 			break;
 		}
 		case 'Enter' /** enter key */: {
-			if (reduceEnterDown(actions, ports, ctx) === false) {
-				return actions;
+			// Enter is handled in `beforeinput` (IME stability) — see ENTER_FROM_BEFOREINPUT.
+			// Gate only (not an early-return) so the post-switch `documentTypeRefreshHeader`
+			// still runs for a selectRange + Enter on keydown.
+			if (!ENTER_FROM_BEFOREINPUT) {
+				if (reduceEnterDown(actions, ports, ctx) === false) {
+					return actions;
+				}
 			}
 			break;
 		}
@@ -79,13 +94,26 @@ export async function reduceKeydown(ports, ctx) {
 	}
 
 	const selectRange = !range.collapsed || range.startContainer !== range.endContainer;
-	if (!ctrl && !alt && !selectRange && !keyCodeMap.isNonTextKey(keyCode) && dom.check.isBreak(range.commonAncestorContainer)) {
+	if (
+		!ctrl &&
+		!alt &&
+		!selectRange &&
+		!keyCodeMap.isNonTextKey(keyCode) &&
+		dom.check.isBreak(range.commonAncestorContainer)
+	) {
 		actions.push(A.keydownInputInsertZWS());
 		return actions;
 	}
 
 	// document type
-	if (fc.has('documentType_use_header') && selectRange && !ctrl && !alt && !shift && !keyCodeMap.isDirectionKey(keyCode)) {
+	if (
+		fc.has('documentType_use_header') &&
+		selectRange &&
+		!ctrl &&
+		!alt &&
+		!shift &&
+		!keyCodeMap.isDirectionKey(keyCode)
+	) {
 		actions.push(A.documentTypeRefreshHeader());
 		return actions;
 	}

package/src/core/event/rules/keydown.rule.arrow.js

@@ -23,7 +23,16 @@ export function reduceArrowDown(actions, ports, ctx) {
 	const rtl = ctx.options.get('_rtl');
 
 	// In RTL, ArrowLeft is forward (toward end on the left), ArrowRight is backward (toward start on the right)
-	const hDir = keyCode === 'ArrowLeft' ? (rtl ? 'forward' : 'back') : keyCode === 'ArrowRight' ? (rtl ? 'back' : 'forward') : null;
+	const hDir =
+		keyCode === 'ArrowLeft'
+			? rtl
+				? 'forward'
+				: 'back'
+			: keyCode === 'ArrowRight'
+				? rtl
+					? 'back'
+					: 'forward'
+				: null;
 
 	// next component
 	let cmponentInfo = null;
@@ -46,7 +55,8 @@ export function reduceArrowDown(actions, ports, ctx) {
 				}
 			} else if (hDir === 'back') {
 				if (dom.check.isEdgePoint(selectionNode, range.startOffset, 'front')) {
-					const prevEl = selectionNode.previousElementSibling || dom.query.getPreviousDeepestNode(selectionNode);
+					const prevEl =
+						selectionNode.previousElementSibling || dom.query.getPreviousDeepestNode(selectionNode);
 					if (prevEl) {
 						if (component.is(prevEl)) cmponentInfo = component.get(prevEl);
 					} else if (component.is(formatEl.previousElementSibling)) {

package/src/core/event/rules/keydown.rule.backspace.js

@@ -1,5 +1,11 @@
 import { dom } from '../../../helper';
-import { cleanRemovedTags, hardDelete, isUneditableNode, setDefaultLine, isRtlBidiMismatch } from '../effects/ruleHelpers';
+import {
+	cleanRemovedTags,
+	hardDelete,
+	isUneditableNode,
+	setDefaultLine,
+	isRtlBidiMismatch,
+} from '../effects/ruleHelpers';
 import { A } from '../actions';
 
 /**
@@ -23,7 +29,11 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 
 	const selectRange = !range.collapsed || range.startContainer !== range.endContainer;
 	// RTL bidi guard: if offset 0 is actually at the visual end due to LTR text in RTL line, skip front-edge handling
-	const bidiNotFront = options.get('_rtl') && !selectRange && range.startOffset === 0 && isRtlBidiMismatch(range, formatEl, 'front', fc.get('_wd'));
+	const bidiNotFront =
+		options.get('_rtl') &&
+		!selectRange &&
+		range.startOffset === 0 &&
+		isRtlBidiMismatch(range, formatEl, 'front', fc.get('_wd'));
 
 	actions.push(A.componentDeselect());
 	actions.push(A.cacheStyleNode());
@@ -33,7 +43,13 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 		return true;
 	}
 
-	if (!format.isNormalLine(formatEl) && !format.isBrLine(formatEl) && !fc.get('wysiwyg').firstElementChild && !component.is(selectionNode) && setDefaultLine(ports, options.get('defaultLine')) !== null) {
+	if (
+		!format.isNormalLine(formatEl) &&
+		!format.isBrLine(formatEl) &&
+		!fc.get('wysiwyg').firstElementChild &&
+		!component.is(selectionNode) &&
+		setDefaultLine(ports, options.get('defaultLine')) !== null
+	) {
 		actions.push(A.preventStop());
 		return false;
 	}
@@ -62,7 +78,9 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 		!selectionNode.previousSibling &&
 		!dom.check.isListCell(formatEl) &&
 		format.isLine(formatEl) &&
-		(!format.isBrLine(formatEl) || format.isClosureBrLine(formatEl) || dom.check.isWysiwygFrame(formatEl.parentNode))
+		(!format.isBrLine(formatEl) ||
+			format.isClosureBrLine(formatEl) ||
+			dom.check.isWysiwygFrame(formatEl.parentNode))
 	) {
 		// closure range
 		if (format.isClosureBlock(formatEl.parentNode)) {
@@ -79,7 +97,11 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 		}
 
 		// maintain default format
-		if (dom.check.isWysiwygFrame(formatEl.parentNode) && formatEl.childNodes.length <= 1 && (!formatEl.firstChild || dom.check.isZeroWidth(formatEl.textContent))) {
+		if (
+			dom.check.isWysiwygFrame(formatEl.parentNode) &&
+			formatEl.childNodes.length <= 1 &&
+			(!formatEl.firstChild || dom.check.isZeroWidth(formatEl.textContent))
+		) {
 			actions.push(A.preventStop());
 			actions.push(A.backspaceFormatMaintain(formatEl));
 		}
@@ -90,7 +112,14 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 
 	// clean remove tag
 	const startCon = range.startContainer;
-	if (formatEl && !bidiNotFront && !formatEl.previousElementSibling && range.startOffset === 0 && startCon.nodeType === 3 && dom.check.isZeroWidth(startCon)) {
+	if (
+		formatEl &&
+		!bidiNotFront &&
+		!formatEl.previousElementSibling &&
+		range.startOffset === 0 &&
+		startCon.nodeType === 3 &&
+		dom.check.isZeroWidth(startCon)
+	) {
 		if (cleanRemovedTags(ports, startCon, formatEl) === true) return true;
 	}
 
@@ -136,8 +165,12 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 			dom.check.isListCell(formatEl) &&
 			dom.check.isList(rangeEl) &&
 			(dom.check.isListCell(rangeEl.parentElement) || formatEl.previousElementSibling) &&
-			(selectionNode === formatEl || (selectionNode.nodeType === 3 && (!selectionNode.previousSibling || dom.check.isList(selectionNode.previousSibling)))) &&
-			(format.getLine(range.startContainer, null) !== format.getLine(range.endContainer, null) ? rangeEl.contains(range.startContainer) : range.startOffset === 0 && range.collapsed && !bidiNotFront)
+			(selectionNode === formatEl ||
+				(selectionNode.nodeType === 3 &&
+					(!selectionNode.previousSibling || dom.check.isList(selectionNode.previousSibling)))) &&
+			(format.getLine(range.startContainer, null) !== format.getLine(range.endContainer, null)
+				? rangeEl.contains(range.startContainer)
+				: range.startOffset === 0 && range.collapsed && !bidiNotFront)
 		) {
 			if (range.startContainer !== range.endContainer) {
 				actions.push(A.prevent());
@@ -149,10 +182,16 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 					actions.push(A.prevent());
 
 					let prevLast = prev;
-					if (!prev.contains(formatEl) && dom.check.isListCell(prevLast) && dom.check.isList(prevLast.lastElementChild)) {
+					if (
+						!prev.contains(formatEl) &&
+						dom.check.isListCell(prevLast) &&
+						dom.check.isList(prevLast.lastElementChild)
+					) {
 						prevLast = /** @type {HTMLLIElement} */ (prevLast.lastElementChild.lastElementChild);
 						while (dom.check.isListCell(prevLast) && dom.check.isList(prevLast.lastElementChild)) {
-							prevLast = /** @type {HTMLLIElement} */ (prevLast.lastElementChild && prevLast.lastElementChild.lastElementChild);
+							prevLast = /** @type {HTMLLIElement} */ (
+								prevLast.lastElementChild && prevLast.lastElementChild.lastElementChild
+							);
 						}
 						prev = prevLast;
 					}
@@ -171,7 +210,10 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 			let comm = commonCon;
 			while (comm && comm !== rangeEl && !dom.check.isWysiwygFrame(comm)) {
 				if (comm.previousSibling) {
-					if (comm.previousSibling.nodeType === 1 || !dom.check.isZeroWidth(comm.previousSibling.textContent.trim())) {
+					if (
+						comm.previousSibling.nodeType === 1 ||
+						!dom.check.isZeroWidth(comm.previousSibling.textContent.trim())
+					) {
 						detach = false;
 						break;
 					}
@@ -181,7 +223,15 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 
 			if (detach && rangeEl.parentNode) {
 				actions.push(A.prevent());
-				actions.push(A.formatRemoveBlock(rangeEl, dom.check.isListCell(formatEl) ? [formatEl] : null, null, false, false));
+				actions.push(
+					A.formatRemoveBlock(
+						rangeEl,
+						dom.check.isListCell(formatEl) ? [formatEl] : null,
+						null,
+						false,
+						false,
+					),
+				);
 				actions.push(A.historyPush(true));
 				return true;
 			}
@@ -199,13 +249,25 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 	}
 
 	// component
-	if (!selectRange && formatEl && (range.startOffset === 0 || (selectionNode === formatEl ? formatEl.childNodes[range.startOffset] : false))) {
+	if (
+		!selectRange &&
+		formatEl &&
+		(range.startOffset === 0 || (selectionNode === formatEl ? formatEl.childNodes[range.startOffset] : false))
+	) {
 		const isList = dom.check.isListCell(formatEl);
 		const sel = selectionNode === formatEl ? formatEl.childNodes[range.startOffset] : selectionNode;
 		const prev = (isList ? sel : formatEl).previousSibling;
 		// select file component
-		const ignoreZWS = isList || ((commonCon.nodeType === 3 || dom.check.isBreak(commonCon)) && !commonCon.previousSibling && range.startOffset === 0);
-		if (sel && (isList || !sel.previousSibling) && ((commonCon && component.is(commonCon.previousSibling)) || (ignoreZWS && component.is(prev)))) {
+		const ignoreZWS =
+			isList ||
+			((commonCon.nodeType === 3 || dom.check.isBreak(commonCon)) &&
+				!commonCon.previousSibling &&
+				range.startOffset === 0);
+		if (
+			sel &&
+			(isList || !sel.previousSibling) &&
+			((commonCon && component.is(commonCon.previousSibling)) || (ignoreZWS && component.is(prev)))
+		) {
 			const fileComponentInfo = component.get(prev);
 			if (fileComponentInfo) {
 				actions.push(A.preventStop());
@@ -225,5 +287,38 @@ export function reduceBackspaceDown(actions, ports, ctx) {
 		}
 	}
 
+	// empty row inside a brLine (PRE): Enter leaves the caret on a bare <br> that begins an empty row
+	if (
+		!selectRange &&
+		format.isBrLine(formatEl) &&
+		dom.check.isBreak(range.startContainer) &&
+		range.startOffset === 0
+	) {
+		let rowStartBr = range.startContainer.previousSibling;
+		if (rowStartBr?.nodeType === 3 && dom.check.isZeroWidth(rowStartBr)) rowStartBr = rowStartBr.previousSibling;
+		if (dom.check.isBreak(rowStartBr)) {
+			actions.push(A.preventStop());
+			actions.push(A.backspaceBrLineRowMerge(range.startContainer, rowStartBr));
+			actions.push(A.historyPush(true));
+			return false;
+		}
+	}
+
+	// empty line: merge into the previous line
+	const emptyLinePrev = formatEl?.previousElementSibling;
+	if (
+		!selectRange &&
+		formatEl &&
+		format.isNormalLine(formatEl) &&
+		!dom.check.isListCell(formatEl) &&
+		dom.check.isEmptyLine(formatEl) &&
+		(format.isNormalLine(emptyLinePrev) || format.isBrLine(emptyLinePrev))
+	) {
+		actions.push(A.preventStop());
+		actions.push(A.backspaceEmptyLineMergePrev(formatEl, emptyLinePrev));
+		actions.push(A.historyPush(true));
+		return false;
+	}
+
 	return true;
 }