autumnnote 1.0.7 → 1.0.9

package/src/js/i18n/zh.js

@@ -0,0 +1,321 @@
+/**
+ * zh.js - 简体中文 (Simplified Chinese) locale
+ * 仅包含与 en.js 不同的键值。
+ * resolveLocale 会将本文件与 en.js 进行深度合并。
+ */
+
+/** @type {Partial<import('../../../types/index.js').AsnLocale>} */
+export const zh = {
+  toolbar: {
+    bold: '粗体 (Ctrl+B)',
+    italic: '斜体 (Ctrl+I)',
+    underline: '下划线 (Ctrl+U)',
+    strikethrough: '删除线',
+    superscript: '上标',
+    subscript: '下标',
+    alignLeft: '左对齐',
+    alignCenter: '居中',
+    alignRight: '右对齐',
+    alignJustify: '两端对齐',
+    ul: '无序列表',
+    ol: '有序列表',
+    checklist: '待办列表',
+    indent: '增加缩进',
+    outdent: '减少缩进',
+    undo: '撤销 (Ctrl+Z)',
+    redo: '重做 (Ctrl+Y)',
+    hr: '水平分割线',
+    link: '插入链接',
+    image: '插入图片',
+    video: '插入视频',
+    emoji: '插入表情',
+    icon: '插入 FA 图标',
+    table: '插入表格',
+    fontSize: '字号',
+    fontSizePlaceholder: '大小',
+    removeFormat: '清除格式',
+    direction: '切换文字方向 (LTR / RTL)',
+    fontFamily: '字体',
+    paragraphStyle: '段落样式',
+    paragraphStylePlaceholder: '样式',
+    lineHeight: '行高',
+    lineHeightPlaceholder: '\u2195 行距',
+    codeview: '查看 HTML 源码',
+    fullscreen: '全屏',
+    shortcuts: '键盘快捷键 (Ctrl+Shift+/)',
+    find: '搜索 (Ctrl+F)',
+    findReplace: '查找和替换 (Ctrl+H)',
+    inlineCode: '行内代码 (Ctrl+`)',
+    print: '打印',
+    foreColor: '文字颜色',
+    backColor: '高亮颜色',
+    chooseTextColor: '选择文字颜色',
+    chooseHighlightColor: '选择高亮颜色',
+    customColor: '自定义颜色',
+    insertTableLabel: '插入表格',
+    paragraphItems: {
+      p:          '正文',
+      blockquote: '引用',
+      pre:        '代码',
+    },
+  },
+
+  linkDialog: {
+    ariaLabel:       '插入链接',
+    title:           '插入链接',
+    url:             '链接地址',
+    urlPlaceholder:  'https://',
+    displayText:     '显示文字',
+    textPlaceholder: '链接文字',
+    openInNewTab:    '在新标签页中打开',
+    insertBtn:       '插入',
+    cancelBtn:       '取消',
+  },
+
+  imageDialog: {
+    ariaLabel:      '插入图片',
+    title:          '插入图片',
+    imageUrl:       '图片地址',
+    urlPlaceholder: 'https://example.com/image.png',
+    altText:        '替代文字',
+    altPlaceholder: '图片描述',
+    alignment:      '对齐方式',
+    alignNone:      '无',
+    alignLeft:      '左',
+    alignCenter:    '居中',
+    alignRight:     '右',
+    uploadLabel:    '或上传文件',
+    insertBtn:      '插入',
+    cancelBtn:      '取消',
+  },
+
+  videoDialog: {
+    ariaLabel:       '插入视频',
+    title:           '插入视频',
+    videoUrl:        '视频地址',
+    urlPlaceholder:  'YouTube、Vimeo 或直接 .mp4 链接',
+    widthLabel:      '宽度 (px)',
+    widthPlaceholder: '560',
+    insertBtn:       '插入',
+    cancelBtn:       '取消',
+    detected:        (type) => `已识别: ${type}`,
+    unknownFormat:   '未知格式 \u2014 将尝试直接嵌入视频',
+    invalidUrl:      'URL 无效 \u2014 请输入有效的视频链接。',
+  },
+
+  emojiDialog: {
+    ariaLabel:         '插入表情',
+    title:             '插入表情',
+    searchPlaceholder: '搜索表情\u2026',
+    all:               '全部',
+    cancelBtn:         '取消',
+    close:             '关闭',
+    categories: {
+      smileys: '笑脸',
+      people:  '人物',
+      animals: '动物',
+      food:    '食物',
+      travel:  '旅行',
+      objects: '物品',
+      symbols: '符号',
+    },
+  },
+
+  iconDialog: {
+    ariaLabel:         '插入 FA 图标',
+    title:             '插入 FA 图标',
+    searchPlaceholder: '搜索图标\u2026',
+    all:               '全部',
+    style:             '样式',
+    size:              '大小',
+    color:             '颜色',
+    useColor:          ' 使用颜色',
+    selectHint:        '请选择一个图标',
+    insertBtn:         '插入 FA 图标',
+    cancelBtn:         '取消',
+    close:             '关闭',
+    categories: {
+      popular:       '热门',
+      interface:     '界面',
+      navigation:    '导航',
+      media:         '媒体',
+      communication: '通讯',
+      files:         '文件',
+      people:        '人物',
+      objects:       '物品',
+    },
+  },
+
+  findReplace: {
+    findTitle:          '搜索',
+    findReplaceTitle:   '查找和替换',
+    findPlaceholder:    '查找\u2026',
+    searchAriaLabel:    '搜索文字',
+    caseSensitive:      '\u00a0区分大小写',
+    prevBtn:            '\u2190 上一个',
+    nextBtn:            '下一个 \u2192',
+    replacePlaceholder: '替换为\u2026',
+    replaceAriaLabel:   '替换为',
+    replaceBtn:         '替换',
+    replaceAllBtn:      '全部替换',
+    close:              '\u00d7',
+  },
+
+  shortcutsDialog: {
+    title:     '键盘快捷键',
+    ariaLabel: '键盘快捷键',
+    close:     '关闭',
+    shortcuts: [
+      {
+        category: '文字格式',
+        items: [
+          { keys: 'Ctrl + B', action: '粗体' },
+          { keys: 'Ctrl + I', action: '斜体' },
+          { keys: 'Ctrl + U', action: '下划线' },
+          { keys: 'Ctrl + K', action: '插入 / 编辑链接' },
+        ],
+      },
+      {
+        category: '历史记录',
+        items: [
+          { keys: 'Ctrl + Z',                      action: '撤销' },
+          { keys: 'Ctrl + Y  /  Ctrl + Shift + Z', action: '重做' },
+        ],
+      },
+      {
+        category: '选择与导航',
+        items: [
+          { keys: 'Ctrl + A',    action: '全选' },
+          { keys: 'Tab',         action: '增加缩进 / 插入空格' },
+          { keys: 'Shift + Tab', action: '减少缩进' },
+        ],
+      },
+      {
+        category: '剪贴板',
+        items: [
+          { keys: 'Ctrl + Shift + V', action: '粘贴为纯文本' },
+        ],
+      },
+      {
+        category: '查找和替换',
+        items: [
+          { keys: 'Ctrl + F', action: '在文档中搜索' },
+          { keys: 'Ctrl + H', action: '查找和替换' },
+        ],
+      },
+      {
+        category: '编辑器',
+        items: [
+          { keys: 'Ctrl + Shift + /', action: '显示快捷键对话框' },
+        ],
+      },
+    ],
+  },
+
+  contextMenu: {
+    cut:             '剪切',
+    copy:            '复制',
+    paste:           '粘贴',
+    bold:            '粗体',
+    italic:          '斜体',
+    underline:       '下划线',
+    textColor:       '文字颜色',
+    highlightColor:  '高亮颜色',
+    copyFormat:      '复制格式',
+    pasteFormat:     '粘贴格式',
+    removeFormat:    '清除格式',
+    link:            '插入链接',
+    image:           '插入图片',
+    video:           '插入视频',
+    table:           '插入表格',
+    back:            '返回',
+    noHighlight:     '无高亮',
+    customColor:     '自定义颜色',
+    customColorLabel: '自定义\u2026',
+  },
+
+  statusbar: {
+    resizeHandle: '拖动以调整大小',
+    words:      (n) => `字数: ${n}`,
+    wordsLimit: (n, max) => `字数: ${n}/${max}`,
+    chars:      (n) => `字符数: ${n}`,
+    charsLimit: (n, max) => `字符数: ${n}/${max}`,
+  },
+
+  tooltips: {
+    link: {
+      ariaLabel:  '链接操作',
+      openLink:   '打开链接',
+      copyUrl:    '复制 URL',
+      editLink:   '编辑链接',
+      removeLink: '删除链接',
+    },
+    image: {
+      ariaLabel:    '图片操作',
+      label:        '图片',
+      floatLeft:    '左浮动',
+      noFloat:      '不浮动',
+      alignCenter:  '居中对齐',
+      floatRight:   '右浮动',
+      originalSize: '原始尺寸',
+      rotateLeft:   '向左旋转',
+      rotateRight:  '向右旋转',
+      cropImage:    '裁剪图片',
+      addCaption:   '添加 / 编辑说明',
+      deleteImage:  '删除图片',
+    },
+    code: {
+      ariaLabel:          '代码块操作',
+      label:              '代码',
+      syntaxLanguage:     '语法语言',
+      syntaxAriaLabel:    '语法语言',
+      copyCode:           '复制代码',
+      toggleWordWrap:     '切换自动换行',
+      enableWordWrap:     '启用自动换行',
+      disableWordWrap:    '禁用自动换行',
+      convertToParagraph: '转换为段落',
+      deleteCodeBlock:    '删除代码块',
+    },
+    table: {
+      ariaLabel:          '表格操作',
+      label:              '表格',
+      selectCells:        '选择单元格',
+      addRowAbove:        '在上方插入行',
+      addRowBelow:        '在下方插入行',
+      deleteRow:          '删除行',
+      addColumnLeft:      '在左侧插入列',
+      addColumnRight:     '在右侧插入列',
+      deleteColumn:       '删除列',
+      mergeCells:         '合并单元格',
+      unmergeCells:       '拆分单元格',
+      columnWidth:        '列宽',
+      rowHeight:          '行高',
+      tableBorderWidth:   '表格边框宽度',
+      deleteTable:        '删除表格',
+      columnWidthPx:      '列宽 (px)',
+      rowHeightPx:        '行高 (px)',
+      tableBorderWidthPx: '表格边框宽度 (px)',
+      cancelBtn:          '取消',
+      applyBtn:           '应用',
+    },
+    video: {
+      ariaLabel:    '视频操作',
+      label:        '视频',
+      floatLeft:    '左浮动',
+      noFloat:      '不浮动',
+      alignCenter:  '居中对齐',
+      floatRight:   '右浮动',
+      originalSize: '原始尺寸',
+      previewVideo: '预览视频',
+      exitPreview:  '退出预览',
+      deleteVideo:  '删除视频',
+    },
+  },
+
+  errors: {
+    imageFormat: (type) =>
+      `格式 "${type}" 不支持在浏览器中显示。请转换为 JPEG、PNG 或 WebP。`,
+    imageSize: (maxSize) =>
+      `图片文件过大。最大允许大小为 ${maxSize} MB。`,
+  },
+};

package/src/js/index.js

@@ -27,6 +27,7 @@ export * from './core/lists.js';
 export * from './core/env.js';
 export * from './core/sanitise.js';
 export * from './module/Buttons.js';
+export { locales, resolveLocale } from './i18n/index.js';
 
 // ---------------------------------------------------------------------------
 // Main factory
@@ -99,7 +100,7 @@ const AutumnNote = {
   registerModule(name, ModuleClass) { _customModules.set(name, ModuleClass); },
 
   /** Library version */
-  version: '1.0.4',
+  version: '1.0.9',
 };
 
 // ---------------------------------------------------------------------------

package/src/js/module/CodeTooltip.js

@@ -76,16 +76,17 @@ export class CodeTooltip {
   // ---------------------------------------------------------------------------
 
   _buildTooltip() {
+    const L = this.context.locale.tooltips.code;
     const el = createElement('div', {
       class: 'an-link-tooltip an-code-tooltip',
       role: 'toolbar',
-      'aria-label': 'Code block actions',
+      'aria-label': L.ariaLabel,
     });
     el.style.display = 'none';
 
     // Label
     this._label = createElement('span', { class: 'an-link-tooltip-url' });
-    this._label.textContent = 'Code';
+    this._label.textContent = L.label;
     el.appendChild(this._label);
 
     el.appendChild(this._sep());
@@ -93,8 +94,8 @@ export class CodeTooltip {
     // Language selector
     this._langSelect = createElement('select', {
       class: 'an-code-lang-select',
-      title: 'Syntax Language',
-      'aria-label': 'Syntax language',
+      title: L.syntaxLanguage,
+      'aria-label': L.syntaxAriaLabel,
     });
     const LANGUAGES = [
       ['', 'Plain text'], ['javascript', 'JavaScript'], ['typescript', 'TypeScript'],
@@ -115,25 +116,25 @@ export class CodeTooltip {
     el.appendChild(this._sep());
 
     // Copy code
-    this._copyBtn = this._makeBtn(ICONS.copy, 'Copy Code', () => this._copyCode());
+    this._copyBtn = this._makeBtn(ICONS.copy, L.copyCode, () => this._copyCode());
 
     el.appendChild(this._copyBtn);
 
     el.appendChild(this._sep());
 
     // Toggle word-wrap
-    this._wrapBtn = this._makeBtn(ICONS.wrapOn, 'Toggle Word Wrap', () => this._toggleWrap());
+    this._wrapBtn = this._makeBtn(ICONS.wrapOn, L.toggleWordWrap, () => this._toggleWrap());
     el.appendChild(this._wrapBtn);
 
     el.appendChild(this._sep());
 
     // Convert to normal paragraph
-    el.appendChild(this._makeBtn(ICONS.toParagraph, 'Convert to Paragraph', () => this._toParagraph()));
+    el.appendChild(this._makeBtn(ICONS.toParagraph, L.convertToParagraph, () => this._toParagraph()));
 
     el.appendChild(this._sep());
 
     // Delete block
-    el.appendChild(this._makeBtn(ICONS.deleteCode, 'Delete Code Block', () => this._delete(), true));
+    el.appendChild(this._makeBtn(ICONS.deleteCode, L.deleteCodeBlock, () => this._delete(), true));
 
     // Keep tooltip alive while hovering it
     this._disposers.push(
@@ -241,7 +242,9 @@ export class CodeTooltip {
     const wrapped = (this._activePre.style.whiteSpace || '').includes('pre-wrap')
       || window.getComputedStyle(this._activePre).whiteSpace === 'pre-wrap';
     this._wrapBtn.classList.toggle('active', wrapped);
-    this._wrapBtn.title = wrapped ? 'Disable Word Wrap' : 'Enable Word Wrap';
+    this._wrapBtn.title = wrapped
+      ? this.context.locale.tooltips.code.disableWordWrap
+      : this.context.locale.tooltips.code.enableWordWrap;
   }
 
   _syncLangSelect() {

package/src/js/module/ContextMenu.js

@@ -48,8 +48,9 @@ const COLOR_PRESETS = [
 
 function makeColorSubItems(colorType) {
   const label = colorType === 'foreColor' ? 'Text Color' : 'Highlight Color';
+  const localeKey = colorType === 'foreColor' ? 'textColor' : 'highlightColor';
   return () => [
-    { back: true, label, navigate: () => defaultItems },
+    { back: true, label, localeKey, navigate: () => defaultItems },
     { colorPalette: true, colorType },
   ];
 }
@@ -171,7 +172,8 @@ export class ContextMenu {
         const iconSpan = createElement('span', { class: 'an-context-icon', 'aria-hidden': 'true' });
         iconSpan.innerHTML = ICONS.back;
         backBtn.appendChild(iconSpan);
-        backBtn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || 'Back']));
+        const backLabel = (it.localeKey && this.context.locale.contextMenu[it.localeKey]) || it.label || this.context.locale.contextMenu.back || 'Back';
+        backBtn.appendChild(createElement('span', { class: 'an-context-label' }, [backLabel]));
         const off = on(backBtn, 'click', (e) => {
           e.stopPropagation();
           const curLeft = parseFloat(this.el.style.left);
@@ -204,7 +206,7 @@ export class ContextMenu {
             btn.appendChild(iconSpan);
           }
         }
-        btn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || it.name]));
+        btn.appendChild(createElement('span', { class: 'an-context-label' }, [(this.context.locale.contextMenu[it.name] || it.label || it.name)]));
         const chevron = createElement('span', { class: 'an-context-chevron', 'aria-hidden': 'true' });
         chevron.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>`;
         btn.appendChild(chevron);
@@ -238,9 +240,9 @@ export class ContextMenu {
         if (it.colorType === 'hiliteColor') {
           const noColor = createElement('div', {
             class: 'an-context-color-swatch an-context-color-none',
-            title: 'No highlight',
+            title: this.context.locale.contextMenu.noHighlight || 'No highlight',
             role: 'button',
-            'aria-label': 'No highlight',
+            'aria-label': this.context.locale.contextMenu.noHighlight || 'No highlight',
           });
           noColor.innerHTML = ICONS.noColor;
           const offNo = on(noColor, 'click', (e) => { e.stopPropagation(); this._applyColor('hiliteColor', 'transparent'); });
@@ -254,10 +256,10 @@ export class ContextMenu {
         const colorInput = createElement('input', {
           type: 'color',
           value: it.colorType === 'foreColor' ? '#000000' : '#ffff00',
-          title: 'Custom color',
-          'aria-label': 'Custom color',
+          title: this.context.locale.contextMenu.customColor || 'Custom color',
+          'aria-label': this.context.locale.contextMenu.customColor || 'Custom color',
         });
-        const customLabel = createElement('span', {}, ['Custom…']);
+        const customLabel = createElement('span', {}, [this.context.locale.contextMenu.customColorLabel || 'Custom…']);
         const offCustom = on(colorInput, 'change', () => this._applyColor(it.colorType, colorInput.value));
         this._menuDisposers.push(offCustom);
         customRow.appendChild(colorInput);
@@ -277,7 +279,7 @@ export class ContextMenu {
           iconSpan.innerHTML = it.icon;
           headerBtn.appendChild(iconSpan);
         }
-        headerBtn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || 'Insert Table']));
+        headerBtn.appendChild(createElement('span', { class: 'an-context-label' }, [this.context.locale.contextMenu.table || it.label || 'Insert Table']));
         const chevron = createElement('span', { class: 'an-context-chevron', 'aria-hidden': 'true' });
         chevron.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>`;
         headerBtn.appendChild(chevron);
@@ -305,7 +307,7 @@ export class ContextMenu {
           cells.forEach((cell) => {
             cell.classList.toggle('active', +cell.dataset.row <= rows && +cell.dataset.col <= cols);
           });
-          labelEl.textContent = (rows && cols) ? `${cols} × ${rows}` : 'Insert Table';
+          labelEl.textContent = (rows && cols) ? `${cols} × ${rows}` : (this.context.locale.contextMenu.table || 'Insert Table');
         };
 
         panel.appendChild(gridEl);
@@ -358,7 +360,7 @@ export class ContextMenu {
         iconSpan.innerHTML = it.icon;
         btn.appendChild(iconSpan);
       }
-      btn.appendChild(createElement('span', { class: 'an-context-label' }, [it.label || it.name]));
+      btn.appendChild(createElement('span', { class: 'an-context-label' }, [(this.context.locale.contextMenu[it.name] || it.label || it.name)]));
       const off = on(btn, 'click', (e) => {
         e.stopPropagation();
         this.hide();

package/src/js/module/Editor.js

@@ -153,8 +153,19 @@ export class Editor {
       on(editable, 'click', onCheckboxClick),
       on(editable, 'mouseup', fixChecklistCursor),
       on(editable, 'keyup',   fixChecklistCursor),
-      // Block drag-out and external drops in read-only mode
-      on(editable, 'dragstart', (e) => { if (isReadOnly()) e.preventDefault(); }),
+      // Block drag-out and external drops in read-only mode.
+      // D-1: Also block dragging of iframes and .an-video-wrapper elements in
+      // edit mode — a user can inadvertently drag the iframe out of its wrapper
+      // (making it playable/removable from contenteditable protection) by holding
+      // the mouse and moving outside the wrapper before releasing.
+      on(editable, 'dragstart', (e) => {
+        if (isReadOnly()) { e.preventDefault(); return; }
+        const target = e.target;
+        if (target && (target.nodeName === 'IFRAME' ||
+            (target.closest && target.closest('.an-video-wrapper')))) {
+          e.preventDefault();
+        }
+      }),
       on(editable, 'drop',      (e) => { if (isReadOnly()) e.preventDefault(); }),
     );
 
@@ -370,7 +381,7 @@ export class Editor {
    * @param {string} html - HTML string (will be sanitised)
    */
   setHTML(html) {
-    this.context.layoutInfo.editable.innerHTML = sanitiseHTML(html);
+    this.context.layoutInfo.editable.innerHTML = sanitiseHTML(html, { allowIframes: true });
     if (this._history) this._history.reset();
     this.afterCommand();
   }

package/src/js/module/EmojiDialog.js

@@ -555,19 +555,20 @@ export class EmojiDialog {
   // ---------------------------------------------------------------------------
 
   _buildDialog() {
+    const L = this.context.locale.emojiDialog;
     const overlay = createElement('div', {
       class: 'an-dialog-overlay',
       role: 'dialog',
       'aria-modal': 'true',
-      'aria-label': 'Insert emoji',
+      'aria-label': L.ariaLabel,
     });
     const box = createElement('div', { class: 'an-dialog-box an-emoji-box' });
 
     // Title row
     const titleRow = createElement('div', { class: 'an-icon-title-row' });
     const title = createElement('h3', { class: 'an-dialog-title' });
-    title.textContent = 'Insert Emoji';
-    const closeBtn = createElement('button', { type: 'button', class: 'an-icon-close', 'aria-label': 'Close' });
+    title.textContent = L.title;
+    const closeBtn = createElement('button', { type: 'button', class: 'an-icon-close', 'aria-label': L.close });
     closeBtn.innerHTML = '×';
     titleRow.append(title, closeBtn);
 
@@ -575,7 +576,7 @@ export class EmojiDialog {
     const searchInput = createElement('input', {
       type: 'search',
       class: 'an-input an-icon-search',
-      placeholder: 'Search emojis…',
+      placeholder: L.searchPlaceholder,
       autocomplete: 'off',
     });
     this._searchInput = searchInput;
@@ -583,11 +584,11 @@ export class EmojiDialog {
     // Category tabs
     const catBar = createElement('div', { class: 'an-icon-cats' });
     const allTab = createElement('button', { type: 'button', class: 'an-icon-cat active', 'data-cat': 'all' });
-    allTab.textContent = 'All';
+    allTab.textContent = L.all;
     catBar.appendChild(allTab);
     EMOJI_CATS.forEach(({ id, label }) => {
       const tab = createElement('button', { type: 'button', class: 'an-icon-cat', 'data-cat': id });
-      tab.textContent = label;
+      tab.textContent = (L.categories && L.categories[id]) || label;
       catBar.appendChild(tab);
     });
     this._catBar = catBar;
@@ -611,7 +612,7 @@ export class EmojiDialog {
     // Cancel only — clicking an emoji inserts immediately
     const btnRow = createElement('div', { class: 'an-dialog-actions' });
     const cancelBtn = createElement('button', { type: 'button', class: 'an-btn' });
-    cancelBtn.textContent = 'Cancel';
+    cancelBtn.textContent = L.cancelBtn;
     btnRow.appendChild(cancelBtn);
 
     box.append(titleRow, searchInput, catBar, grid, btnRow);
@@ -688,7 +689,18 @@ export class EmojiDialog {
 
     // 2. Insert emoji as a plain text node — no ZWS or execCommand needed.
     //    Text nodes are natively navigable so the caret lands cleanly after.
+    //
+    // E-1: When the range covers the entire content of a <td>/<th>,
+    // deleteContents() can drift the range endpoint outside the cell in some
+    // browsers.  Save the cell reference first and re-anchor after deletion.
+    const _sc = range.startContainer;
+    const _tdAnchor = (_sc.nodeType === 1 ? _sc : _sc.parentElement)
+      ?.closest?.('td, th');
     range.deleteContents();
+    if (_tdAnchor && _tdAnchor.isConnected && !_tdAnchor.contains(range.startContainer)) {
+      range.setStart(_tdAnchor, 0);
+      range.collapse(true);
+    }
     const textNode = document.createTextNode(char);
     range.insertNode(textNode);