autumnnote 1.7.0 → 1.8.1

package/dist/autumnnote.umd.js

@@ -520,13 +520,74 @@
 		} catch {}
 	}
 	/**
-	* Inserts an unordered list or converts selection.
+	* Inserts an unordered (bulleted) list, or converts the current list to `<ul>`.
+	*
+	* When the cursor is already inside a list, direct DOM manipulation is used to
+	* transition between list types — `execCommand` alone cannot handle checklist →
+	* UL/OL conversions because it has no awareness of the `an-checklist` class or
+	* the checkbox `<input>` elements.
+	*
+	* Transition paths:
+	* - **Checklist → UL**: strips `an-checklist` class and all checkbox inputs;
+	*   converts `<ol>` container to `<ul>` via `changeTagName()` if needed.
+	* - **OL → UL**: swaps the container tag via `changeTagName()`.
+	* - **UL → paragraphs**: falls back to `execCommand('insertUnorderedList')`
+	*   which toggles the list off (browser-native behaviour).
+	* - **No list → UL**: falls back to `execCommand('insertUnorderedList')`.
+	*/
+	/**
+	* Helper to get the closest ul/ol element containing the current selection.
+	* @returns {Element|null}
 	*/
-	var insertUnorderedList = () => execCommand("insertUnorderedList");
+	function getSelectedList() {
+		const sel = globalThis.getSelection();
+		if (!sel?.rangeCount) return null;
+		let container = sel.getRangeAt(0).commonAncestorContainer;
+		if (container.nodeType === 3) container = container.parentElement;
+		return container?.closest("ul, ol") || null;
+	}
+	/**
+	* Strips the checklist class and checkbox inputs from a list element.
+	* @param {Element} listEl
+	*/
+	function stripChecklist(listEl) {
+		listEl.classList.remove("an-checklist");
+		listEl.querySelectorAll("input[type=\"checkbox\"]").forEach((cb) => cb.remove());
+	}
+	function insertUnorderedList() {
+		const listEl = getSelectedList();
+		if (listEl) if (listEl.classList.contains("an-checklist")) {
+			stripChecklist(listEl);
+			if (listEl.tagName === "OL") changeTagName(listEl, "ul");
+		} else if (listEl.tagName === "OL") changeTagName(listEl, "ul");
+		else execCommand("insertUnorderedList");
+		else execCommand("insertUnorderedList");
+	}
 	/**
-	* Inserts an ordered list or converts selection.
+	* Inserts an ordered (numbered) list, or converts the current list to `<ol>`.
+	*
+	* When the cursor is already inside a list, direct DOM manipulation is used to
+	* transition between list types — `execCommand` alone cannot handle checklist →
+	* UL/OL conversions because it has no awareness of the `an-checklist` class or
+	* the checkbox `<input>` elements.
+	*
+	* Transition paths:
+	* - **Checklist → OL**: strips `an-checklist` class and all checkbox inputs;
+	*   converts container to `<ol>` via `changeTagName()`.
+	* - **UL → OL**: swaps the container tag via `changeTagName()`.
+	* - **OL → paragraphs**: falls back to `execCommand('insertOrderedList')`
+	*   which toggles the list off (browser-native behaviour).
+	* - **No list → OL**: falls back to `execCommand('insertOrderedList')`.
 	*/
-	var insertOrderedList = () => execCommand("insertOrderedList");
+	function insertOrderedList() {
+		const listEl = getSelectedList();
+		if (listEl) if (listEl.classList.contains("an-checklist")) {
+			stripChecklist(listEl);
+			changeTagName(listEl, "ol");
+		} else if (listEl.tagName === "UL") changeTagName(listEl, "ol");
+		else execCommand("insertOrderedList");
+		else execCommand("insertOrderedList");
+	}
 	/**
 	* Set the line-height on every block-level element that intersects the current selection.
 	*
@@ -652,18 +713,34 @@
 		return !!(code && !code.closest("pre"));
 	}
 	/**
+	* Changes the tag name of an element in the DOM while preserving attributes and children.
+	* @param {Element} el
+	* @param {string} newTagName
+	* @returns {HTMLElement}
+	*/
+	function changeTagName(el, newTagName) {
+		const newEl = document.createElement(newTagName);
+		for (const attr of el.attributes) newEl.setAttribute(attr.name, attr.value);
+		while (el.firstChild) newEl.appendChild(el.firstChild);
+		el.parentNode.replaceChild(newEl, el);
+		return newEl;
+	}
+	/**
+	* Ensures all list items under the list element have a checkbox.
+	* @param {Element} listEl
+	*/
+	function ensureCheckboxes(listEl) {
+		listEl.querySelectorAll("li").forEach((li) => {
+			if (!li.querySelector("input[type=\"checkbox\"]")) {
+				const cb = document.createElement("input");
+				cb.type = "checkbox";
+				cb.contentEditable = "false";
+				li.insertBefore(cb, li.firstChild);
+			}
+		});
+	}
+	/**
 	* Toggle a checklist at the current selection or caret.
-	*
-	* When the selection is inside an existing checklist `<ul class="an-checklist">`,
-	* converts the selected `<li>` items back into `<p>` paragraphs and places the caret
-	* at the start of the first converted paragraph. Otherwise creates a checklist:
-	* - If the selection is collapsed, converts the nearest block-level ancestor (or inserts
-	*   a single checklist item at the editable root) into a checklist with one item containing
-	*   that block's text and places the caret inside the new item.
-	* - If the selection is a range, converts each intersecting block element into one checklist
-	*   item (preserving textual content) and places the caret at the end of the last item.
-	*
-	* Empty or whitespace-only selections do not create a checklist.
 	*/
 	function toggleChecklist() {
 		const sel = globalThis.getSelection();
@@ -671,27 +748,26 @@
 		const range = sel.getRangeAt(0);
 		let container = range.commonAncestorContainer;
 		if (container.nodeType === 3) container = container.parentElement;
-		const ul = container?.closest(".an-checklist");
-		if (ul) {
-			const selectedLis = Array.from(ul.querySelectorAll("li")).filter((li) => sel.containsNode(li, true));
-			if (selectedLis.length > 0) {
-				/** @type {HTMLElement|null} */ let firstP = null;
-				selectedLis.forEach((li) => {
+		const listEl = container?.closest("ul, ol");
+		if (listEl) if (listEl.classList.contains("an-checklist")) {
+			if (listEl.parentNode) {
+				const lis = Array.from(listEl.children);
+				let firstP = null;
+				lis.forEach((li) => {
 					const p = document.createElement("p");
 					for (const child of li.childNodes) {
 						if (child.nodeType === 1 && child.tagName === "INPUT") continue;
 						p.appendChild(child.cloneNode(true));
 					}
-					p.innerHTML = p.innerHTML.replaceAll("​", "");
+					p.innerHTML = p.innerHTML.replaceAll("​", "").replaceAll("​", "");
 					if (!p.hasChildNodes() || !p.textContent.trim()) {
 						p.innerHTML = "";
 						p.appendChild(document.createTextNode("\xA0"));
 					}
-					ul.parentNode.insertBefore(p, ul);
+					listEl.before(p);
 					if (!firstP) firstP = p;
-					li.remove();
 				});
-				if (ul.children.length === 0) ul.remove();
+				listEl.remove();
 				if (firstP) {
 					const nr = document.createRange();
 					nr.setStart(firstP.firstChild || firstP, 0);
@@ -699,11 +775,65 @@
 					sel.removeAllRanges();
 					sel.addRange(nr);
 				}
-				return;
+			}
+		} else {
+			const targetUl = changeTagName(listEl, "ul");
+			targetUl.classList.add("an-checklist");
+			ensureCheckboxes(targetUl);
+			const firstLi = targetUl.querySelector("li");
+			if (firstLi) {
+				const nr = document.createRange();
+				nr.selectNodeContents(firstLi);
+				nr.collapse(false);
+				sel.removeAllRanges();
+				sel.addRange(nr);
 			}
 		}
-		if (range.collapsed) {
-			const BLOCK_TAGS = new Set([
+		else {
+			const editableRoot = container?.closest("[contenteditable=\"true\"]");
+			if (range.collapsed) {
+				const BLOCK_TAGS = new Set([
+					"P",
+					"DIV",
+					"H1",
+					"H2",
+					"H3",
+					"H4",
+					"H5",
+					"H6",
+					"BLOCKQUOTE",
+					"LI"
+				]);
+				let block = container;
+				while (block?.parentNode && block !== editableRoot && !BLOCK_TAGS.has(block.tagName)) block = block.parentNode;
+				if (block === editableRoot) block = null;
+				const itemText = block && BLOCK_TAGS.has(block.tagName) ? Array.from(block.childNodes).map((n) => n.textContent).join("").replaceAll("\xA0", " ") : "";
+				const newUl = document.createElement("ul");
+				newUl.className = "an-checklist";
+				const li = document.createElement("li");
+				const checkbox = document.createElement("input");
+				checkbox.type = "checkbox";
+				checkbox.contentEditable = "false";
+				li.appendChild(checkbox);
+				li.appendChild(document.createTextNode(itemText || "​"));
+				newUl.appendChild(li);
+				if (block && BLOCK_TAGS.has(block.tagName)) block.parentNode.replaceChild(newUl, block);
+				else {
+					const nativeRange = sel.getRangeAt(0);
+					nativeRange.deleteContents();
+					nativeRange.insertNode(newUl);
+				}
+				const textNode = li.lastChild;
+				const nr = document.createRange();
+				const offset = textNode.nodeType === Node.TEXT_NODE ? textNode.textContent.length : 0;
+				nr.setStart(textNode, offset);
+				nr.collapse(true);
+				sel.removeAllRanges();
+				sel.addRange(nr);
+				return;
+			}
+			if (!sel.toString().replace(/[\u00a0\u200B]/g, " ").trim()) return;
+			const BLOCK_TAGS_MULTI = new Set([
 				"P",
 				"DIV",
 				"H1",
@@ -713,89 +843,51 @@
 				"H5",
 				"H6",
 				"BLOCKQUOTE",
+				"PRE",
 				"LI"
 			]);
-			let block = container;
-			while (block?.parentNode && !BLOCK_TAGS.has(block.tagName)) block = block.parentNode;
-			const itemText = block && BLOCK_TAGS.has(block.tagName) ? Array.from(block.childNodes).map((n) => n.textContent).join("").replaceAll("\xA0", " ") : "";
-			const ul = document.createElement("ul");
-			ul.className = "an-checklist";
-			const li = document.createElement("li");
-			const checkbox = document.createElement("input");
-			checkbox.type = "checkbox";
-			checkbox.contentEditable = "false";
-			li.appendChild(checkbox);
-			li.appendChild(document.createTextNode(itemText || "​"));
-			ul.appendChild(li);
-			if (block && BLOCK_TAGS.has(block.tagName)) block.parentNode.replaceChild(ul, block);
-			else {
-				const nativeRange = sel.getRangeAt(0);
-				nativeRange.deleteContents();
-				nativeRange.insertNode(ul);
+			const blocks = [];
+			const seenBlocks = /* @__PURE__ */ new Set();
+			const commonAncestor = range.commonAncestorContainer;
+			const iter = document.createNodeIterator(commonAncestor.nodeType === Node.TEXT_NODE ? commonAncestor.parentNode : commonAncestor, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, null);
+			let node;
+			while (node = iter.nextNode()) {
+				if (!range.intersectsNode(node)) continue;
+				let blockEl = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+				while (blockEl && blockEl !== editableRoot && !BLOCK_TAGS_MULTI.has(blockEl.tagName)) blockEl = blockEl.parentElement;
+				if (blockEl === editableRoot) blockEl = null;
+				if (blockEl && !seenBlocks.has(blockEl)) {
+					seenBlocks.add(blockEl);
+					blocks.push(blockEl);
+				}
 			}
-			const textNode = li.lastChild;
-			const nr = document.createRange();
-			const offset = textNode.nodeType === Node.TEXT_NODE ? textNode.textContent.length : 0;
-			nr.setStart(textNode, offset);
-			nr.collapse(true);
-			sel.removeAllRanges();
-			sel.addRange(nr);
-			return;
-		}
-		if (!sel.toString().replace(/[\u00a0\u200B]/g, " ").trim()) return;
-		const BLOCK_TAGS_MULTI = new Set([
-			"P",
-			"DIV",
-			"H1",
-			"H2",
-			"H3",
-			"H4",
-			"H5",
-			"H6",
-			"BLOCKQUOTE",
-			"PRE",
-			"LI"
-		]);
-		const blocks = [];
-		const seenBlocks = /* @__PURE__ */ new Set();
-		const commonAncestor = range.commonAncestorContainer;
-		const iter = document.createNodeIterator(commonAncestor.nodeType === Node.TEXT_NODE ? commonAncestor.parentNode : commonAncestor, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, null);
-		let node;
-		while (node = iter.nextNode()) {
-			if (!range.intersectsNode(node)) continue;
-			let block = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
-			while (block && !BLOCK_TAGS_MULTI.has(block.tagName)) block = block.parentElement;
-			if (block && !seenBlocks.has(block)) {
-				seenBlocks.add(block);
-				blocks.push(block);
+			if (blocks.length === 0) return;
+			const newUl = document.createElement("ul");
+			newUl.className = "an-checklist";
+			/** @type {Text|null} */ let lastTextNode = null;
+			blocks.forEach((block) => {
+				const li = document.createElement("li");
+				const cb = document.createElement("input");
+				cb.type = "checkbox";
+				cb.contentEditable = "false";
+				li.appendChild(cb);
+				const blockText = Array.from(block.childNodes).map((n) => n.textContent).join("").replace(/[\u00a0\u200B]/g, " ").trim();
+				const tn = document.createTextNode(blockText || "​");
+				li.appendChild(tn);
+				newUl.appendChild(li);
+				lastTextNode = tn;
+			});
+			const firstBlock = blocks[0];
+			firstBlock.parentNode.insertBefore(newUl, firstBlock);
+			blocks.forEach((block) => block.remove());
+			if (lastTextNode) {
+				const nr = document.createRange();
+				nr.setStart(lastTextNode, lastTextNode.textContent.length);
+				nr.collapse(true);
+				sel.removeAllRanges();
+				sel.addRange(nr);
 			}
 		}
-		if (blocks.length === 0) return;
-		const newUl = document.createElement("ul");
-		newUl.className = "an-checklist";
-		/** @type {Text|null} */ let lastTextNode = null;
-		blocks.forEach((block) => {
-			const li = document.createElement("li");
-			const cb = document.createElement("input");
-			cb.type = "checkbox";
-			cb.setAttribute("contenteditable", "false");
-			li.appendChild(cb);
-			const blockText = Array.from(block.childNodes).map((n) => n.textContent).join("").replace(/[\u00a0\u200B]/g, " ").trim();
-			const tn = document.createTextNode(blockText || "​");
-			li.appendChild(tn);
-			newUl.appendChild(li);
-			lastTextNode = tn;
-		});
-		const firstBlock = blocks[0];
-		firstBlock.parentNode.insertBefore(newUl, firstBlock);
-		blocks.forEach((block) => block.remove());
-		if (lastTextNode) {
-			const nr = document.createRange();
-			nr.setStart(lastTextNode, lastTextNode.textContent.length);
-			nr.collapse(true);
-			sel.removeAllRanges();
-			sel.addRange(nr);
-		}
 	}
 	/**
 	* Returns true when the cursor is inside a checklist item.
@@ -968,6 +1060,13 @@
 		}
 	};
 	var removeFormatBtn = btn("removeFormat", "remove-format", "Remove Format", () => execCommand("removeFormat"));
+	var directionBtn = btn("direction", "direction", "Toggle Text Direction (LTR / RTL)", (ctx) => {
+		const editable = ctx.layoutInfo.editable;
+		const next = (editable.getAttribute("dir") || "ltr") === "ltr" ? "rtl" : "ltr";
+		editable.setAttribute("dir", next);
+		editable.style.textAlign = next === "rtl" ? "right" : "left";
+		ctx.invoke("editor.afterCommand");
+	});
 	/** @type {DropdownDef} */
 	var fontFamilyBtn = {
 		name: "fontFamily",
@@ -1090,9 +1189,122 @@
 	var fullscreenBtn = btn("fullscreen", "expand", "Fullscreen", (ctx) => ctx.invoke("fullscreen.toggle"), (ctx) => ctx.invoke("fullscreen.isActive"));
 	var shortcutsBtn = btn("shortcuts", "keyboard", "Keyboard Shortcuts (Ctrl+Shift+/)", (ctx) => ctx.invoke("shortcutsDialog.show"));
 	var findBtn = btn("find", "search", "Find (Ctrl+F)", (ctx) => ctx.invoke("findReplace.show", "find"));
+	var findReplaceBtn = btn("findReplace", "find-replace", "Find & Replace (Ctrl+H)", (ctx) => ctx.invoke("findReplace.show", "replace"));
 	var inlineCodeBtn = btn("inlineCode", "inline-code", "Inline Code (Ctrl+`)", (ctx) => ctx.invoke("editor.inlineCode"), () => isInlineCode());
 	var checklistBtn = btn("checklist", "checklist", "Checklist", (ctx) => ctx.invoke("editor.toggleChecklist"), () => isInChecklist());
 	var printBtn = btn("print", "print", "Print", (ctx) => ctx.invoke("editor.print"));
+	/** @type {{ name: string, type: 'colorpicker', icon: string, tooltip: string, defaultColor: string, action: Function }} */
+	var foreColorBtn = {
+		name: "foreColor",
+		type: "colorpicker",
+		icon: "foreColor",
+		tooltip: "Text Color",
+		defaultColor: "#e11d48",
+		action: (ctx, color) => foreColor(color)
+	};
+	/** @type {{ name: string, type: 'colorpicker', icon: string, tooltip: string, defaultColor: string, action: Function }} */
+	var backColorBtn = {
+		name: "backColor",
+		type: "colorpicker",
+		icon: "backColor",
+		tooltip: "Highlight Color",
+		defaultColor: "#fbbf24",
+		action: (ctx, color) => backColor(color)
+	};
+	/**
+	* The default toolbar button groups.
+	* Each sub-array is a button group (separated by a divider).
+	*/
+	var defaultToolbar = [
+		[
+			paragraphStyleBtn,
+			fontFamilyBtn,
+			fontSizeBtn,
+			lineHeightBtn
+		],
+		[undoBtn, redoBtn],
+		[
+			boldBtn,
+			italicBtn,
+			underlineBtn,
+			strikeBtn,
+			inlineCodeBtn
+		],
+		[superscriptBtn, subscriptBtn],
+		[foreColorBtn, backColorBtn],
+		[
+			alignLeftBtn,
+			alignCenterBtn,
+			alignRightBtn,
+			alignJustifyBtn
+		],
+		[
+			ulBtn,
+			olBtn,
+			checklistBtn,
+			indentBtn,
+			outdentBtn
+		],
+		[
+			hrBtn,
+			linkBtn,
+			imageBtn,
+			videoBtn,
+			tableBtn,
+			emojiBtn,
+			iconBtn
+		],
+		[
+			removeFormatBtn,
+			codeviewBtn,
+			fullscreenBtn,
+			findBtn,
+			printBtn,
+			shortcutsBtn
+		]
+	];
+	var buttons = {
+		boldBtn,
+		italicBtn,
+		underlineBtn,
+		strikeBtn,
+		superscriptBtn,
+		subscriptBtn,
+		alignLeftBtn,
+		alignCenterBtn,
+		alignRightBtn,
+		alignJustifyBtn,
+		ulBtn,
+		olBtn,
+		indentBtn,
+		outdentBtn,
+		undoBtn,
+		redoBtn,
+		hrBtn,
+		linkBtn,
+		imageBtn,
+		videoBtn,
+		emojiBtn,
+		iconBtn,
+		tableBtn,
+		fontSizeBtn,
+		removeFormatBtn,
+		directionBtn,
+		fontFamilyBtn,
+		paragraphStyleBtn,
+		lineHeightBtn,
+		codeviewBtn,
+		fullscreenBtn,
+		shortcutsBtn,
+		findBtn,
+		findReplaceBtn,
+		inlineCodeBtn,
+		checklistBtn,
+		printBtn,
+		foreColorBtn,
+		backColorBtn,
+		defaultToolbar
+	};
 	//#endregion
 	//#region src/js/settings.js
 	/**
@@ -1166,68 +1378,7 @@
 		maxHeight: 0,
 		focus: false,
 		resizable: true,
-		toolbar: [
-			[
-				paragraphStyleBtn,
-				fontFamilyBtn,
-				fontSizeBtn,
-				lineHeightBtn
-			],
-			[undoBtn, redoBtn],
-			[
-				boldBtn,
-				italicBtn,
-				underlineBtn,
-				strikeBtn,
-				inlineCodeBtn
-			],
-			[superscriptBtn, subscriptBtn],
-			[{
-				name: "foreColor",
-				type: "colorpicker",
-				icon: "foreColor",
-				tooltip: "Text Color",
-				defaultColor: "#e11d48",
-				action: (ctx, color) => foreColor(color)
-			}, {
-				name: "backColor",
-				type: "colorpicker",
-				icon: "backColor",
-				tooltip: "Highlight Color",
-				defaultColor: "#fbbf24",
-				action: (ctx, color) => backColor(color)
-			}],
-			[
-				alignLeftBtn,
-				alignCenterBtn,
-				alignRightBtn,
-				alignJustifyBtn
-			],
-			[
-				ulBtn,
-				olBtn,
-				checklistBtn,
-				indentBtn,
-				outdentBtn
-			],
-			[
-				hrBtn,
-				linkBtn,
-				imageBtn,
-				videoBtn,
-				tableBtn,
-				emojiBtn,
-				iconBtn
-			],
-			[
-				removeFormatBtn,
-				codeviewBtn,
-				fullscreenBtn,
-				findBtn,
-				printBtn,
-				shortcutsBtn
-			]
-		],
+		toolbar: defaultToolbar,
 		useBootstrap: false,
 		toolbarButtonClass: "btn btn-sm btn-light",
 		useFontAwesome: true,
@@ -1448,6 +1599,7 @@
 			findPlaceholder: "Find…",
 			searchAriaLabel: "Search text",
 			caseSensitive: "\xA0Case sensitive",
+			wholeWord: "Whole Word",
 			prevBtn: "← Prev",
 			nextBtn: "Next →",
 			replacePlaceholder: "Replace with…",
@@ -1458,6 +1610,12 @@
 			useRegex: "Use Regular Expression",
 			close: "×"
 		},
+		autoSaveRestore: {
+			found: "Draft found. Restore?",
+			foundAt: "Draft from {date}. Restore?",
+			restore: "Restore",
+			discard: "Discard"
+		},
 		shortcutsDialog: {
 			title: "Keyboard Shortcuts",
 			ariaLabel: "Keyboard Shortcuts",
@@ -1823,6 +1981,7 @@
 				findPlaceholder: "Tìm…",
 				searchAriaLabel: "Văn bản tìm kiếm",
 				caseSensitive: "\xA0Phân biệt hoa thường",
+				wholeWord: "Toàn bộ từ",
 				prevBtn: "← Trước",
 				nextBtn: "Tiếp →",
 				replacePlaceholder: "Thay thế bằng…",
@@ -1990,9 +2149,16 @@
 					columnWidth: "Chiều rộng cột",
 					rowHeight: "Chiều cao hàng",
 					tableBorderWidth: "Độ rộng viền bảng",
+					tableBorderColor: "Màu viền bảng",
 					deleteTable: "Xóa bảng",
+					cellAlignLeft: "Căn trái",
+					cellAlignCenter: "Căn giữa",
+					cellAlignRight: "Căn phải",
+					cellAlignJustify: "Căn đều",
+					toggleHeaderRow: "Bật/tắt hàng tiêu đề",
 					cellBackground: "Màu Nền Ô",
 					noShading: "Xóa Màu Nền",
+					noBorderColor: "Xóa màu viền",
 					columnWidthPx: "Chiều rộng cột (px)",
 					rowHeightPx: "Chiều cao hàng (px)",
 					tableBorderWidthPx: "Độ rộng viền bảng (px)",
@@ -2020,6 +2186,12 @@
 			errors: {
 				imageFormat: (type) => `Định dạng "${type}" không được hỗ trợ hiển thị trên trình duyệt. Vui lòng chuyển đổi sang JPEG, PNG hoặc WebP.`,
 				imageSize: (maxSize) => `Tệp hình ảnh quá lớn. Kích thước tối đa cho phép là ${maxSize} MB.`
+			},
+			autoSaveRestore: {
+				found: "Tìm thấy bản nháp. Khôi phục?",
+				foundAt: "Bản nháp từ {date}. Khôi phục?",
+				restore: "Khôi phục",
+				discard: "Bỏ qua"
 			}
 		},
 		ja: {
@@ -2163,6 +2335,7 @@
 				findPlaceholder: "検索…",
 				searchAriaLabel: "検索テキスト",
 				caseSensitive: "\xA0大文字/小文字を区別",
+				wholeWord: "単語単位",
 				prevBtn: "← 前へ",
 				nextBtn: "次へ →",
 				replacePlaceholder: "置換後…",
@@ -2330,7 +2503,16 @@
 					columnWidth: "列幅",
 					rowHeight: "行の高さ",
 					tableBorderWidth: "テーブルの枠幅",
+					tableBorderColor: "テーブルの枠線色",
 					deleteTable: "テーブルを削除",
+					cellAlignLeft: "左揃え",
+					cellAlignCenter: "中央揃え",
+					cellAlignRight: "右揃え",
+					cellAlignJustify: "両端揃え",
+					toggleHeaderRow: "ヘッダー行の切り替え",
+					cellBackground: "セル背景色",
+					noShading: "背景色なし",
+					noBorderColor: "枠線色なし",
 					columnWidthPx: "列幅 (px)",
 					rowHeightPx: "行の高さ (px)",
 					tableBorderWidthPx: "テーブルの枠幅 (px)",
@@ -2358,6 +2540,12 @@
 			errors: {
 				imageFormat: (type) => `形式 "${type}" はブラウザでの表示をサポートしていません。JPEG、PNG、または WebP に変換してください。`,
 				imageSize: (maxSize) => `画像ファイルが大きすぎます。最大許容サイズは ${maxSize} MB です。`
+			},
+			autoSaveRestore: {
+				found: "下書きが見つかりました。復元しますか？",
+				foundAt: "{date} の下書きが見つかりました。復元しますか？",
+				restore: "復元",
+				discard: "破棄"
 			}
 		},
 		zh: {
@@ -2501,6 +2689,7 @@
 				findPlaceholder: "查找…",
 				searchAriaLabel: "搜索文字",
 				caseSensitive: "\xA0区分大小写",
+				wholeWord: "全字匹配",
 				prevBtn: "← 上一个",
 				nextBtn: "下一个 →",
 				replacePlaceholder: "替换为…",
@@ -2668,7 +2857,16 @@
 					columnWidth: "列宽",
 					rowHeight: "行高",
 					tableBorderWidth: "表格边框宽度",
+					tableBorderColor: "表格边框颜色",
 					deleteTable: "删除表格",
+					cellAlignLeft: "左对齐",
+					cellAlignCenter: "居中对齐",
+					cellAlignRight: "右对齐",
+					cellAlignJustify: "两端对齐",
+					toggleHeaderRow: "切换标题行",
+					cellBackground: "单元格背景",
+					noShading: "无底纹",
+					noBorderColor: "无边框颜色",
 					columnWidthPx: "列宽 (px)",
 					rowHeightPx: "行高 (px)",
 					tableBorderWidthPx: "表格边框宽度 (px)",
@@ -2696,6 +2894,12 @@
 			errors: {
 				imageFormat: (type) => `格式 "${type}" 不支持在浏览器中显示。请转换为 JPEG、PNG 或 WebP。`,
 				imageSize: (maxSize) => `图片文件过大。最大允许大小为 ${maxSize} MB。`
+			},
+			autoSaveRestore: {
+				found: "找到草稿。是否恢复？",
+				foundAt: "发现 {date} 的草稿。是否恢复？",
+				restore: "恢复",
+				discard: "放弃"
 			}
 		},
 		fr: {
@@ -2839,6 +3043,7 @@
 				findPlaceholder: "Rechercher…",
 				searchAriaLabel: "Texte à rechercher",
 				caseSensitive: "\xA0Respecter la casse",
+				wholeWord: "Mot entier",
 				prevBtn: "← Préc.",
 				nextBtn: "Suiv. →",
 				replacePlaceholder: "Remplacer par…",
@@ -3006,7 +3211,16 @@
 					columnWidth: "Largeur de colonne",
 					rowHeight: "Hauteur de ligne",
 					tableBorderWidth: "Épaisseur des bordures",
+					tableBorderColor: "Couleur de bordure",
 					deleteTable: "Supprimer le tableau",
+					cellAlignLeft: "Aligner à gauche",
+					cellAlignCenter: "Centrer",
+					cellAlignRight: "Aligner à droite",
+					cellAlignJustify: "Justifier",
+					toggleHeaderRow: "Ligne d'en-tête",
+					cellBackground: "Couleur de fond",
+					noShading: "Aucun fond",
+					noBorderColor: "Aucune bordure",
 					columnWidthPx: "Largeur de colonne (px)",
 					rowHeightPx: "Hauteur de ligne (px)",
 					tableBorderWidthPx: "Épaisseur des bordures (px)",
@@ -3034,6 +3248,12 @@
 			errors: {
 				imageFormat: (type) => `Le format "${type}" n'est pas pris en charge par le navigateur. Veuillez le convertir en JPEG, PNG ou WebP.`,
 				imageSize: (maxSize) => `Le fichier image est trop volumineux. La taille maximale autorisée est de ${maxSize}\u00a0Mo.`
+			},
+			autoSaveRestore: {
+				found: "Brouillon trouvé. Restaurer ?",
+				foundAt: "Brouillon du {date}. Restaurer ?",
+				restore: "Restaurer",
+				discard: "Ignorer"
 			}
 		},
 		de: {
@@ -3177,6 +3397,7 @@
 				findPlaceholder: "Suchen…",
 				searchAriaLabel: "Suchtext",
 				caseSensitive: "\xA0Groß-/Kleinschreibung",
+				wholeWord: "Ganzes Wort",
 				prevBtn: "← Zurück",
 				nextBtn: "Weiter →",
 				replacePlaceholder: "Ersetzen durch…",
@@ -3344,7 +3565,16 @@
 					columnWidth: "Spaltenbreite",
 					rowHeight: "Zeilenhöhe",
 					tableBorderWidth: "Tabellenrahmenbreite",
+					tableBorderColor: "Tabellenrahmenfarbe",
 					deleteTable: "Tabelle löschen",
+					cellAlignLeft: "Linksbündig",
+					cellAlignCenter: "Zentrieren",
+					cellAlignRight: "Rechtsbündig",
+					cellAlignJustify: "Blocksatz",
+					toggleHeaderRow: "Kopfzeile umschalten",
+					cellBackground: "Zellhintergrund",
+					noShading: "Kein Hintergrund",
+					noBorderColor: "Keine Rahmenfarbe",
 					columnWidthPx: "Spaltenbreite (px)",
 					rowHeightPx: "Zeilenhöhe (px)",
 					tableBorderWidthPx: "Tabellenrahmenbreite (px)",
@@ -3372,6 +3602,12 @@
 			errors: {
 				imageFormat: (type) => `Das Format „${type}" wird in Webbrowsern nicht unterstützt. Bitte konvertieren Sie es zuerst in JPEG, PNG oder WebP.`,
 				imageSize: (maxSize) => `Die Bilddatei ist zu groß. Die maximal zulässige Größe beträgt ${maxSize} MB.`
+			},
+			autoSaveRestore: {
+				found: "Entwurf gefunden. Wiederherstellen?",
+				foundAt: "Entwurf vom {date}. Wiederherstellen?",
+				restore: "Wiederherstellen",
+				discard: "Verwerfen"
 			}
 		},
 		es: {
@@ -3515,6 +3751,7 @@
 				findPlaceholder: "Buscar…",
 				searchAriaLabel: "Texto de búsqueda",
 				caseSensitive: "\xA0Distinguir mayúsculas",
+				wholeWord: "Palabra completa",
 				prevBtn: "← Anterior",
 				nextBtn: "Siguiente →",
 				replacePlaceholder: "Reemplazar con…",
@@ -3682,7 +3919,16 @@
 					columnWidth: "Ancho de columna",
 					rowHeight: "Alto de fila",
 					tableBorderWidth: "Grosor del borde de la tabla",
+					tableBorderColor: "Color del borde de la tabla",
 					deleteTable: "Eliminar tabla",
+					cellAlignLeft: "Alinear a la izquierda",
+					cellAlignCenter: "Centrar",
+					cellAlignRight: "Alinear a la derecha",
+					cellAlignJustify: "Justificar",
+					toggleHeaderRow: "Activar fila de encabezado",
+					cellBackground: "Fondo de celda",
+					noShading: "Sin fondo",
+					noBorderColor: "Sin color de borde",
 					columnWidthPx: "Ancho de columna (px)",
 					rowHeightPx: "Alto de fila (px)",
 					tableBorderWidthPx: "Grosor del borde (px)",
@@ -3710,6 +3956,12 @@
 			errors: {
 				imageFormat: (type) => `El formato "${type}" no es compatible con los navegadores web. Por favor, conviértalo primero a JPEG, PNG o WebP.`,
 				imageSize: (maxSize) => `El archivo de imagen es demasiado grande. El tamaño máximo permitido es ${maxSize} MB.`
+			},
+			autoSaveRestore: {
+				found: "Borrador encontrado. ¿Restaurar?",
+				foundAt: "Borrador del {date}. ¿Restaurar?",
+				restore: "Restaurar",
+				discard: "Descartar"
 			}
 		},
 		ko: {
@@ -3853,6 +4105,7 @@
 				findPlaceholder: "찾기…",
 				searchAriaLabel: "검색 텍스트",
 				caseSensitive: "\xA0대소문자 구분",
+				wholeWord: "전체 단어",
 				prevBtn: "← 이전",
 				nextBtn: "다음 →",
 				replacePlaceholder: "바꿀 내용…",
@@ -4020,7 +4273,16 @@
 					columnWidth: "열 너비",
 					rowHeight: "행 높이",
 					tableBorderWidth: "표 테두리 너비",
+					tableBorderColor: "표 테두리 색상",
 					deleteTable: "표 삭제",
+					cellAlignLeft: "왼쪽 정렬",
+					cellAlignCenter: "가운데 정렬",
+					cellAlignRight: "오른쪽 정렬",
+					cellAlignJustify: "양쪽 정렬",
+					toggleHeaderRow: "머리글 행 전환",
+					cellBackground: "셀 배경색",
+					noShading: "배경 없음",
+					noBorderColor: "테두리 색 없음",
 					columnWidthPx: "열 너비 (px)",
 					rowHeightPx: "행 높이 (px)",
 					tableBorderWidthPx: "표 테두리 너비 (px)",
@@ -4048,6 +4310,12 @@
 			errors: {
 				imageFormat: (type) => `"${type}" 형식은 웹 브라우저에서 지원되지 않습니다. JPEG, PNG 또는 WebP로 변환해 주세요.`,
 				imageSize: (maxSize) => `이미지 파일이 너무 큽니다. 최대 허용 크기는 ${maxSize} MB입니다.`
+			},
+			autoSaveRestore: {
+				found: "초안을 찾았습니다. 복원하시겠습니까?",
+				foundAt: "{date}의 초안을 찾았습니다. 복원하시겠습니까?",
+				restore: "복원",
+				discard: "삭제"
 			}
 		}
 	};
@@ -4532,7 +4800,11 @@
 		const sel = globalThis.getSelection();
 		if (!sel || sel.rangeCount === 0) return;
 		const range = sel.getRangeAt(0);
-		range.deleteContents();
+		try {
+			range.deleteContents();
+		} catch (_) {
+			return;
+		}
 		const BLOCK = new Set([
 			"P",
 			"DIV",
@@ -4557,7 +4829,11 @@
 				table.after(p);
 			}
 			if (!anchor.textContent.trim() && !anchor.querySelector("img, video, table")) anchor.remove();
-		} else range.insertNode(table);
+		} else try {
+			range.insertNode(table);
+		} catch (_) {
+			return;
+		}
 		const firstCell = table.querySelector("td, th");
 		if (firstCell) {
 			const nr = document.createRange();
@@ -4640,6 +4916,23 @@
 	var isFAIcon = (n) => !!(n?.nodeName === "I" && _FA_PATTERN.test(n.className || ""));
 	var isZwsAnchor = (n) => !!(n?.nodeType === Node.TEXT_NODE && (n.textContent === "​" || n.textContent === ""));
 	/**
+	* Extracts the content from `startContainer:startOffset` to the end of `li`.
+	* Returns an empty fragment if the range is invalid (e.g. detached node).
+	* @param {Range} nativeRange
+	* @param {Element} li
+	* @returns {DocumentFragment}
+	*/
+	function extractAfterContent(nativeRange, li) {
+		try {
+			const r = document.createRange();
+			r.setStart(nativeRange.startContainer, nativeRange.startOffset);
+			r.setEnd(li, li.childNodes.length);
+			return r.extractContents();
+		} catch (_) {
+			return document.createDocumentFragment();
+		}
+	}
+	/**
 	* Handles special keydown behaviour inside the editor.
 	* @param {KeyboardEvent} event
 	* @param {HTMLElement} editable
@@ -4847,12 +5140,10 @@
 				}
 				if (!nativeRange.collapsed) {
 					nativeRange.deleteContents();
+					if (sel.rangeCount === 0 || !checkLi.isConnected) return true;
 					nativeRange = sel.getRangeAt(0);
 				}
-				const afterRange = document.createRange();
-				afterRange.setStart(nativeRange.startContainer, nativeRange.startOffset);
-				afterRange.setEnd(checkLi, checkLi.childNodes.length);
-				const afterFrag = afterRange.extractContents();
+				const afterFrag = extractAfterContent(nativeRange, checkLi);
 				const newLi = document.createElement("li");
 				const cb = document.createElement("input");
 				cb.type = "checkbox";
@@ -4968,7 +5259,15 @@
 				const items = Array.from(el.querySelectorAll(":scope > li"));
 				if (!items.length) return inner();
 				const indent = "  ".repeat(depth);
-				const lines = items.map((li) => `${indent}- ${_domToMd(li, depth + 1).trim()}`).join("\n");
+				const isChecklist = el.classList.contains("an-checklist");
+				const lines = items.map((li) => {
+					let prefix = "- ";
+					if (isChecklist) {
+						const cb = li.querySelector("input[type=\"checkbox\"]");
+						prefix = (cb ? cb.checked : false) ? "- [x] " : "- [ ] ";
+					}
+					return `${indent}${prefix}${_domToMd(li, depth + 1).trim()}`;
+				}).join("\n");
 				return depth === 0 ? `\n\n${lines}\n\n` : `\n${lines}`;
 			}
 			case "ol": {
@@ -5008,7 +5307,7 @@
 	* @returns {boolean} `true` if any Markdown-like pattern is present, `false` otherwise.
 	*/
 	function isMarkdown(text) {
-		return /^#{1,6} \S|^\s*[-*+] \S|^\s*\d+\. \S|^> \S|^```|^\*{2}.+?\*{2}/m.test(text);
+		return /^#{1,6} [^\s]|^[ \t]*[-*+] [^\s]|^[ \t]*\d+\. [^\s]|^> [^\s]|^```|^\*{2}[^*\n]+\*{2}/m.test(text);
 	}
 	/**
 	* Converts a Markdown string to an HTML string.
@@ -5058,11 +5357,20 @@
 			}
 			if (/^[-*+] /.test(line)) {
 				const items = [];
+				const isChecklist = /^[-*+]\s+\[[ xX]\]\s+/.test(line);
+				const listTag = isChecklist ? "ul class=\"an-checklist\"" : "ul";
 				while (i < lines.length && /^[-*+] /.test(lines[i])) {
-					items.push(`<li>${_inline(lines[i].slice(2))}</li>`);
+					if (/^[-*+]\s+\[[ xX]\]\s+/.test(lines[i]) !== isChecklist) break;
+					const content = lines[i].slice(2);
+					if (isChecklist) {
+						const cbMatch = /^\[([ xX])\][ \t]+/.exec(content);
+						const cbHtml = `<input type="checkbox" contenteditable="false"${cbMatch?.[1]?.toLowerCase() === "x" ? " checked" : ""}>`;
+						const textContent = cbMatch ? content.slice(cbMatch[0].length) : content;
+						items.push(`<li>${cbHtml}${_inline(textContent)}</li>`);
+					} else items.push(`<li>${_inline(content)}</li>`);
 					i++;
 				}
-				out.push(`<ul>${items.join("")}</ul>`);
+				out.push(`<${listTag}>${items.join("")}</${listTag.split(" ")[0]}>`);
 				continue;
 			}
 			if (/^\d+\. /.test(line)) {
@@ -5119,7 +5427,7 @@
 		text = text.replace(/_{2}([^_\n]+?)_{2}/g, (_, c) => `<strong>${_esc(c)}</strong>`);
 		text = text.replace(/\*([^*\n]+?)\*/g, (_, c) => `<em>${_esc(c)}</em>`);
 		text = text.replace(/_([^_\n]+?)_/g, (_, c) => `<em>${_esc(c)}</em>`);
-		text = text.replace(/~~([^\n]+?)~~/g, (_, c) => `<del>${_esc(c)}</del>`);
+		text = text.replace(/~~([^~\n]+?)~~/g, (_, c) => `<del>${_esc(c)}</del>`);
 		text = text.replace(/`([^`]+)`/g, (_, c) => `<code>${_esc(c)}</code>`);
 		return text;
 	}
@@ -6673,6 +6981,15 @@
 			if (!clipboardData) return;
 			const forcePlain = this._forcePlain;
 			this._forcePlain = false;
+			const maxBytes = (this.options.maxPasteSize ?? 5) * 1024 * 1024;
+			if (maxBytes > 0) {
+				const text = clipboardData.getData("text/plain") || "";
+				const html = clipboardData.getData("text/html") || "";
+				if (Math.max(text.length, html.length) > maxBytes) {
+					event.preventDefault();
+					return;
+				}
+			}
 			if (clipboardData.items) {
 				const imageItems = Array.from(clipboardData.items).filter((item) => item.kind === "file" && item.type.startsWith("image/"));
 				if (imageItems.length > 0) {
@@ -6809,7 +7126,7 @@
 			const mime = /:(.*?);/.exec(header)?.[1] ?? "image/png";
 			const binary = atob(b64);
 			const arr = new Uint8Array(binary.length);
-			for (let i = 0; i < binary.length; i++) arr[i] = binary.codePointAt(i);
+			for (let i = 0; i < binary.length; i++) arr[i] = binary.charCodeAt(i);
 			return new Blob([arr], { type: mime });
 		}
 		/**
@@ -7415,6 +7732,7 @@
 			return overlay;
 		}
 		_onFileChange() {
+			if (this.context._alive === false) return;
 			const file = this._fileInput?.files?.[0];
 			if (!file?.type?.startsWith("image/")) return;
 			if (!new Set([
@@ -7795,6 +8113,7 @@
 			const aspectRatio = startW / (startH || 1);
 			const isCorner = pos.length === 2;
 			const editable = this.context.layoutInfo.editable;
+			const minSz = this.context.options?.minImageSize ?? 20;
 			let _raf = null;
 			const onMove = (me) => {
 				if (_raf !== null) return;
@@ -7807,15 +8126,15 @@
 					const maxW = editable.clientWidth || Infinity;
 					let newW = startW;
 					let newH = startH;
-					if (pos.includes("e")) newW = Math.max(20, startW + dx);
-					if (pos.includes("w")) newW = Math.max(20, startW - dx);
-					if (pos.includes("s")) newH = Math.max(20, startH + dy);
-					if (pos.includes("n")) newH = Math.max(20, startH - dy);
+					if (pos.includes("e")) newW = Math.max(minSz, startW + dx);
+					if (pos.includes("w")) newW = Math.max(minSz, startW - dx);
+					if (pos.includes("s")) newH = Math.max(minSz, startH + dy);
+					if (pos.includes("n")) newH = Math.max(minSz, startH - dy);
 					newW = Math.min(newW, maxW);
-					if (isCorner) if (Math.abs(dx) >= Math.abs(dy)) newH = Math.max(20, Math.round(newW / aspectRatio));
+					if (isCorner) if (Math.abs(dx) >= Math.abs(dy)) newH = Math.max(minSz, Math.round(newW / aspectRatio));
 					else {
-						newW = Math.min(Math.max(20, Math.round(newH * aspectRatio)), maxW);
-						newH = Math.max(20, Math.round(newW / aspectRatio));
+						newW = Math.min(Math.max(minSz, Math.round(newH * aspectRatio)), maxW);
+						newH = Math.max(minSz, Math.round(newW / aspectRatio));
 					}
 					img.style.width = `${newW}px`;
 					img.style.height = `${newH}px`;
@@ -9979,8 +10298,28 @@
 				return direction === "asc" ? aText.localeCompare(bText) : bText.localeCompare(aText);
 			});
 			rows.forEach((row) => tbody.appendChild(row));
+			this._markSortIndicator(table, colIdx, direction);
 			this.context.invoke("editor.afterCommand");
 		}
+		/**
+		* Marks the header cell of the sorted column with `an-sort-asc`/`an-sort-desc`
+		* so the active sort column and direction are visible, and clears any previous
+		* indicator. No-op for tables without a `<thead>` (no header row to mark).
+		* @param {HTMLTableElement} table
+		* @param {number} colIdx
+		* @param {'asc'|'desc'} direction
+		*/
+		_markSortIndicator(table, colIdx, direction) {
+			const thead = table.querySelector("thead");
+			if (!thead) return;
+			thead.querySelectorAll(".an-sort-asc, .an-sort-desc").forEach((el) => {
+				el.classList.remove("an-sort-asc", "an-sort-desc");
+			});
+			const headerRow = thead.querySelector("tr");
+			if (!headerRow) return;
+			const headerCell = getCellAtVisualCol(headerRow, colIdx);
+			if (headerCell) headerCell.classList.add(direction === "asc" ? "an-sort-asc" : "an-sort-desc");
+		}
 		_exportTableCSV() {
 			const table = this._activeTable;
 			if (!table) return;
@@ -14258,6 +14597,7 @@
 			this._currentIndex = -1;
 			this._caseSensitive = false;
 			this._useRegex = false;
+			this._wholeWord = false;
 			/** @type {'find'|'replace'} */
 			this._mode = "find";
 			/** Cached compiled regex — reused when query and case-sensitivity are unchanged */
@@ -14265,6 +14605,7 @@
 			this._lastQuery = null;
 			this._lastCaseSensitive = null;
 			this._lastUseRegex = null;
+			this._lastWholeWord = null;
 			this._focusTimer = null;
 		}
 		destroy() {
@@ -14375,6 +14716,13 @@
 				"aria-label": L.useRegex
 			});
 			regexBtn.textContent = ".*";
+			const wholeWordBtn = createElement("button", {
+				type: "button",
+				class: "an-fr-icon-btn",
+				title: L.wholeWord,
+				"aria-label": L.wholeWord
+			});
+			wholeWordBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="7" width="18" height="10" rx="2"/><line x1="7" y1="21" x2="7" y2="17"/><line x1="17" y1="21" x2="17" y2="17"/></svg>`;
 			const prevBtn = createElement("button", {
 				type: "button",
 				class: "an-fr-icon-btn",
@@ -14391,7 +14739,7 @@
 			nextBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>`;
 			const counter = createElement("span", { class: "an-fr-counter" });
 			this._counterEl = counter;
-			searchBar.append(findInput, caseCheckbox, caseBtn, regexBtn, prevBtn, nextBtn, counter);
+			searchBar.append(findInput, caseCheckbox, caseBtn, regexBtn, wholeWordBtn, prevBtn, nextBtn, counter);
 			box.appendChild(searchBar);
 			const replaceRow = createElement("div", { class: "an-fr-replace-row" });
 			replaceRow.style.display = "none";
@@ -14459,7 +14807,14 @@
 				this._lastQuery = null;
 				this._onSearch();
 			});
-			this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex);
+			const dWholeWord = on(wholeWordBtn, "click", () => {
+				this._wholeWord = !this._wholeWord;
+				wholeWordBtn.classList.toggle("an-fr-icon-btn--active", this._wholeWord);
+				this._queryRegex = null;
+				this._lastQuery = null;
+				this._onSearch();
+			});
+			this._disposers.push(d1, d2, d3, d4, d5, d6, d7, d8, d9, d10, d11, dRegex, dWholeWord);
 			return overlay;
 		}
 		_onSearch() {
@@ -14517,10 +14872,11 @@
 		*/
 		_findRawMatches(query, root) {
 			const results = [];
-			if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex) {
+			if (this._lastQuery !== query || this._lastCaseSensitive !== this._caseSensitive || this._lastUseRegex !== this._useRegex || this._lastWholeWord !== this._wholeWord) {
 				const flags = this._caseSensitive ? "g" : "gi";
 				try {
-					const pattern = this._useRegex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+					let pattern = this._useRegex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+					if (this._wholeWord) pattern = `\\b${pattern}\\b`;
 					this._queryRegex = new RegExp(pattern, flags);
 				} catch (_) {
 					this._queryRegex = null;
@@ -14528,6 +14884,7 @@
 				this._lastQuery = query;
 				this._lastCaseSensitive = this._caseSensitive;
 				this._lastUseRegex = this._useRegex;
+				this._lastWholeWord = this._wholeWord;
 			}
 			if (!this._queryRegex) return results;
 			const re = this._queryRegex;
@@ -15881,6 +16238,7 @@
 	*   debounce:     200,
 	*   onSearch:     (query, callback) => void,
 	*   onInsert:     (item) => string | null,
+	*   onError:      (err: Error) => void,
 	*   mentionClass: 'an-mention',
 	*   allowSpaces:  false,
 	* }
@@ -16073,8 +16431,18 @@
 					this._renderItems(items);
 					this._showDropdown();
 				};
-				const result = this._cfg.onSearch(this._query, cb);
-				if (result && typeof result.then === "function") result.then(cb).catch(() => this._hideDropdown());
+				let result;
+				try {
+					result = this._cfg.onSearch(this._query, cb);
+				} catch (err) {
+					this._hideDropdown();
+					if (typeof this._cfg.onError === "function") this._cfg.onError(err);
+					return;
+				}
+				if (result && typeof result.then === "function") result.then(cb).catch((err) => {
+					this._hideDropdown();
+					if (typeof this._cfg.onError === "function") this._cfg.onError(err);
+				});
 			}, this._cfg.debounce);
 		}
 		_onKeydown(e) {
@@ -16342,10 +16710,13 @@
 		}
 		/**
 		* Returns the current HTML content of the editor.
+		* Zero-width spaces (U+200B) inserted by inline editing helpers are stripped
+		* from the output so they don't leak into the consumer's HTML.
 		* @returns {string}
 		*/
 		getHTML() {
-			return this.invoke("editor.getHTML");
+			const html = this.invoke("editor.getHTML");
+			return typeof html === "string" ? html.replace(/​/g, "") : html;
 		}
 		/**
 		* Sets the HTML content of the editor.
@@ -16516,6 +16887,25 @@
 			}));
 		}
 		/**
+		* Moves focus into the editable area.
+		*/
+		focus() {
+			this.layoutInfo.editable.focus();
+		}
+		/**
+		* Removes focus from the editable area.
+		*/
+		blur() {
+			this.layoutInfo.editable.blur();
+		}
+		/**
+		* Returns true when the editor is currently in fullscreen mode.
+		* @returns {boolean}
+		*/
+		isFullscreen() {
+			return this.invoke("fullscreen.isActive") === true;
+		}
+		/**
 		* Sets whether the editor is disabled (readonly).
 		* @param {boolean} disabled
 		*/
@@ -16685,8 +17075,10 @@
 			registerButton(btnDef);
 			return this;
 		},
+		/** All pre-built button definitions — accessible in every module format including UMD/CJS. */
+		buttons,
 		/** Library version */
-		version: "1.7.0"
+		version: "1.8.0"
 	};
 	/**
 	* @param {string|Element|NodeList|Element[]} selector