fix(editor): 优化提及插入逻辑并修复光标位置问题

重构提及插入逻辑，使用更直接的方式删除@符号到光标间的内容
将普通空格替换为不间断空格以避免被HTML压缩
确保光标始终正确放置在插入内容之后

src/components/editor/CustomEditor.vue

@@ -233,39 +233,38 @@ const insertMention = (member, clonedRange) => {
     const parent = textNode.parentNode;
     if (!parent) return; // Sanity check
 
-    const textBeforeAt = textContent.substring(0, atIndex);
-    const textAfterCursor = textContent.substring(offset);
+    // 从@符号开始删除，直到当前光标位置
+    range.setStart(textNode, atIndex);
+    range.setEnd(textNode, offset);
+    range.deleteContents();
 
-    const beforeNode = document.createTextNode(textBeforeAt);
-    const spaceAfterMentionNode = document.createTextNode(' '); // Ensure space after mention
-    const afterNode = document.createTextNode(textAfterCursor);
-
-    parent.insertBefore(beforeNode, textNode);
-    parent.insertBefore(mentionSpan, textNode);
-    parent.insertBefore(spaceAfterMentionNode, textNode);
-    parent.insertBefore(afterNode, textNode);
-    parent.removeChild(textNode);
-
-    range.setStartAfter(spaceAfterMentionNode);
-    range.collapse(true);
+    // 插入 mention 元素
+    range.insertNode(mentionSpan);
   } else {
     // 如果没有找到@符号，或者光标不在合适的文本节点内，直接在当前光标位置插入
     if (!range.collapsed) {
       range.deleteContents();
     }
-
     range.insertNode(mentionSpan);
+  }
 
-    const spaceNode = document.createTextNode(' ');
-    // 正确地将 range 移动到 mentionSpan 之后再插入空格
-    const tempRangeForSpace = range.cloneRange(); // 使用临时 range 避免干扰主 range
-    tempRangeForSpace.setStartAfter(mentionSpan);
-    tempRangeForSpace.collapse(true);
-    tempRangeForSpace.insertNode(spaceNode);
-
-    // 将主 range 移动到新插入的空格之后
+  // 在 mention 之后插入一个空格，并将光标移到空格之后
+  const spaceNode = document.createTextNode('\u00A0'); // 使用不间断空格
+  const currentParent = mentionSpan.parentNode;
+  if (currentParent) {
+    // 将空格节点插入到 mentionSpan 之后
+    if (mentionSpan.nextSibling) {
+      currentParent.insertBefore(spaceNode, mentionSpan.nextSibling);
+    } else {
+      currentParent.appendChild(spaceNode);
+    }
+    // 设置光标到空格之后
     range.setStartAfter(spaceNode);
     range.collapse(true);
+  } else {
+    // Fallback: 如果 mentionSpan 没有父节点（理论上不应该发生），则将光标设置在 mentionSpan 之后
+    range.setStartAfter(mentionSpan);
+    range.collapse(true);
   }
 
   selection.removeAllRanges();