@atri-editor/core 0.1.0 → 0.3.0

package/dist/index.js

@@ -4,11 +4,40 @@ import { Markdown } from "@tiptap/markdown";
 import { Placeholder } from "@tiptap/extensions";
 import TextAlign from "@tiptap/extension-text-align";
 import BubbleMenu from "@tiptap/extension-bubble-menu";
+import { TaskList, TaskItem } from "@tiptap/extension-list";
+import { TableRow, TableHeader, TableCell, Table } from "@tiptap/extension-table";
 import Image from "@tiptap/extension-image";
 import { NodeSelection, Plugin, PluginKey } from "@tiptap/pm/state";
 import { Node as Node$1, DOMParser } from "@tiptap/pm/model";
 import i18next from "i18next";
 import { autoUpdate, computePosition, offset, flip, shift } from "@floating-ui/dom";
+function isBuiltinTableActive(editor) {
+  var _a;
+  const spec = (_a = editor.schema.nodes.table) == null ? void 0 : _a.spec;
+  return (spec == null ? void 0 : spec.tableRole) === "table";
+}
+function canInsertTable(editor) {
+  if (typeof editor.commands.insertTable !== "function") return false;
+  return isBuiltinTableActive(editor);
+}
+const DEFAULT_TABLE_CONFIG = {
+  resizable: true,
+  menu: true
+};
+function resolveTableConfig(table) {
+  return { ...DEFAULT_TABLE_CONFIG, ...typeof table === "object" ? table : void 0 };
+}
+const AtriTable = Table.extend({
+  addProseMirrorPlugins() {
+    var _a;
+    if (!isBuiltinTableActive(this.editor)) return [];
+    return ((_a = this.parent) == null ? void 0 : _a.call(this)) ?? [];
+  }
+});
+function createTableExtensions(table) {
+  const config = resolveTableConfig(table);
+  return [AtriTable.configure({ resizable: config.resizable }), TableRow, TableHeader, TableCell];
+}
 function mediaInsertTarget(selection) {
   if (selection instanceof NodeSelection && (selection.node.type.name === "image" || selection.node.type.name === "attachment" || selection.node.type.name === "attachmentLink")) {
     return selection.to;
@@ -196,7 +225,50 @@ function attachmentAttributes() {
     }
   };
 }
-const markdownPattern$1 = /^!file\[([^\]]*)\]\(\s*([^\s)]+)(?:\s+"([^"]*)")?\s*\)(?:\n|$)/;
+function makeAttachmentMarkdown(options) {
+  const { name, level, nodeName } = options;
+  const directive = `!${name}`;
+  const trailing = level === "block" ? "(?:\\n|$)" : "";
+  const pattern = new RegExp(
+    `^${directive.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\[([^\\]]*)\\]\\(\\s*([^\\s)]+)(?:\\s+"([^"]*)")?\\s*\\)${trailing}`
+  );
+  return {
+    markdownTokenName: name,
+    markdownTokenizer: {
+      name,
+      level,
+      start: (src) => src.indexOf(`${directive}[`),
+      tokenize: (src) => {
+        const match = pattern.exec(src);
+        if (!match) return void 0;
+        return {
+          type: name,
+          raw: match[0],
+          text: match[1] ?? "",
+          href: match[2] ?? "",
+          title: match[3]
+        };
+      }
+    },
+    parseMarkdown: (token, helpers) => helpers.createNode(
+      nodeName,
+      {
+        src: token.href,
+        name: token.text || null,
+        size: parseFileSize(token.title) ?? null,
+        mime: null
+      },
+      []
+    ),
+    renderMarkdown: (node) => {
+      var _a, _b, _c;
+      const src = ((_a = node.attrs) == null ? void 0 : _a.src) ?? "";
+      const label = ((_b = node.attrs) == null ? void 0 : _b.name) ?? "";
+      const size = (_c = node.attrs) == null ? void 0 : _c.size;
+      return size ? `${directive}[${label}](${src} "${formatFileSize(size)}")` : `${directive}[${label}](${src})`;
+    }
+  };
+}
 const FORM_TYPES = {
   card: "attachment",
   link: "attachmentLink"
@@ -351,42 +423,12 @@ const Attachment = Node.create({
       })
     ];
   },
-  markdownTokenName: "file",
-  markdownTokenizer: {
+  ...makeAttachmentMarkdown({
     name: "file",
     level: "block",
-    start: (src) => src.indexOf("!file["),
-    tokenize: (src) => {
-      const match = markdownPattern$1.exec(src);
-      if (!match) return void 0;
-      return {
-        type: "file",
-        raw: match[0],
-        text: match[1] ?? "",
-        href: match[2] ?? "",
-        title: match[3]
-      };
-    }
-  },
-  parseMarkdown: (token, helpers) => helpers.createNode(
-    "attachment",
-    {
-      src: token.href,
-      name: token.text || null,
-      size: parseFileSize(token.title) ?? null,
-      mime: null
-    },
-    []
-  ),
-  renderMarkdown: (node) => {
-    var _a, _b, _c;
-    const src = ((_a = node.attrs) == null ? void 0 : _a.src) ?? "";
-    const name = ((_b = node.attrs) == null ? void 0 : _b.name) ?? "";
-    const size = (_c = node.attrs) == null ? void 0 : _c.size;
-    return size ? `!file[${name}](${src} "${formatFileSize(size)}")` : `!file[${name}](${src})`;
-  }
+    nodeName: "attachment"
+  })
 });
-const markdownPattern = /^!filelink\[([^\]]*)\]\(\s*([^\s)]+)(?:\s+"([^"]*)")?\s*\)/;
 const AttachmentLink = Node.create({
   name: "attachmentLink",
   inline: true,
@@ -429,42 +471,30 @@ const AttachmentLink = Node.create({
       setAttachmentLink: (options) => (props) => insertAttachmentContent(props, this.name, options)
     };
   },
-  markdownTokenName: "filelink",
-  markdownTokenizer: {
+  ...makeAttachmentMarkdown({
     name: "filelink",
     level: "inline",
-    start: (src) => src.indexOf("!filelink["),
-    tokenize: (src) => {
-      const match = markdownPattern.exec(src);
-      if (!match) return void 0;
-      return {
-        type: "filelink",
-        raw: match[0],
-        text: match[1] ?? "",
-        href: match[2] ?? "",
-        title: match[3]
-      };
+    nodeName: "attachmentLink"
+  })
+});
+function resolveElement(element) {
+  if (typeof element === "string") {
+    const el = document.querySelector(element);
+    if (!el) {
+      throw new Error(`Element not found: ${element}`);
     }
-  },
-  parseMarkdown: (token, helpers) => helpers.createNode(
-    "attachmentLink",
-    {
-      src: token.href,
-      name: token.text || null,
-      size: parseFileSize(token.title) ?? null,
-      mime: null
-    },
-    []
-  ),
-  renderMarkdown: (node) => {
-    var _a, _b, _c;
-    const src = ((_a = node.attrs) == null ? void 0 : _a.src) ?? "";
-    const name = ((_b = node.attrs) == null ? void 0 : _b.name) ?? "";
-    const size = (_c = node.attrs) == null ? void 0 : _c.size;
-    return size ? `!filelink[${name}](${src} "${formatFileSize(size)}")` : `!filelink[${name}](${src})`;
+    return el;
   }
-});
-function filesOf$1(transfer) {
+  return element;
+}
+function createContainer(className) {
+  const div = document.createElement("div");
+  if (className) {
+    div.className = className;
+  }
+  return div;
+}
+function filesOf(transfer) {
   if (!transfer) return [];
   return Array.from(transfer.files);
 }
@@ -486,7 +516,7 @@ const MediaFiles = Extension.create({
         props: {
           /** 先于 PM 的剪贴板解析：带文件的粘贴（截图）交给上传管线，纯文本照常走默认链路 */
           handlePaste: (view, event) => {
-            const files = filesOf$1(event.clipboardData);
+            const files = filesOf(event.clipboardData);
             if (!files.length) return false;
             event.preventDefault();
             if (view.editable) void runtime.handleFiles(files);
@@ -494,7 +524,7 @@ const MediaFiles = Extension.create({
           },
           handleDrop: (view, event) => {
             const dragEvent = event;
-            const files = filesOf$1(dragEvent.dataTransfer);
+            const files = filesOf(dragEvent.dataTransfer);
             if (!files.length) return false;
             dragEvent.preventDefault();
             if (!view.editable) return true;
@@ -533,11 +563,17 @@ function createMediaExtensions(media, runtime) {
   ];
 }
 function pickUrl(body) {
-  var _a;
   if (!body || typeof body !== "object") return void 0;
   const record = body;
-  const candidates = [record.url, record.location, (_a = record.data) == null ? void 0 : _a.url];
-  const url = candidates.find((value) => typeof value === "string" && value !== "");
+  const nested = record.data;
+  const candidates = [
+    record.url,
+    record.location,
+    nested && typeof nested === "object" ? nested.url : void 0
+  ];
+  const url = candidates.find(
+    (value) => typeof value === "string" && value !== ""
+  );
   return url;
 }
 function uploadViaEndpoint(config, file, context) {
@@ -1025,6 +1061,11 @@ function shouldShowBubbleMenu(props) {
   if (!group) return false;
   return !!element.querySelector(`[data-atri-bubble-group="${group}"] [data-toolbar-item]`);
 }
+const LINK_HTML_ATTRIBUTES = {
+  target: "_blank",
+  rel: "noopener noreferrer nofollow",
+  class: null
+};
 class CoreEditor {
   constructor(config) {
     this.config = config;
@@ -1033,11 +1074,22 @@ class CoreEditor {
     this.editor = this.createEditor();
   }
   createEditor() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { element, content, contentFormat, editable, extensions } = this.config;
     const editorExtensions = [
       StarterKit.configure({
-        // StarterKit v3 默认包含 Underline, Link, TrailingNode
+        // StarterKit v3 默认包含 Underline, Link, TrailingNode。
+        // 链接：openOnClick 默认关——编辑态点击落在链接上，用户要的是改它，
+        // 而 Link 扩展开着导航时会把这次点击吃掉（连光标都放不进去）并打开新标签页，
+        // 未保存的内容就跟着这次点击没了。关掉后点击交给 LinkPanel 就地编辑。
+        link: {
+          openOnClick: ((_a = this.config.link) == null ? void 0 : _a.openOnClick) ?? false,
+          markdownLinks: ((_b = this.config.link) == null ? void 0 : _b.markdownLinks) ?? false,
+          HTMLAttributes: {
+            ...LINK_HTML_ATTRIBUTES,
+            target: ((_c = this.config.link) == null ? void 0 : _c.target) ?? LINK_HTML_ATTRIBUTES.target
+          }
+        }
       })
     ];
     editorExtensions.push(
@@ -1050,17 +1102,20 @@ class CoreEditor {
         types: ["heading", "paragraph"]
       })
     );
-    const markdownEnabled = ((_a = this.config.markdown) == null ? void 0 : _a.enabled) !== false;
+    const markdownEnabled = ((_d = this.config.markdown) == null ? void 0 : _d.enabled) !== false;
     if (markdownEnabled) {
       editorExtensions.push(
         Markdown.configure({
-          indentation: (_b = this.config.markdown) == null ? void 0 : _b.indentation,
-          markedOptions: (_c = this.config.markdown) == null ? void 0 : _c.markedOptions
+          indentation: (_e = this.config.markdown) == null ? void 0 : _e.indentation,
+          markedOptions: (_f = this.config.markdown) == null ? void 0 : _f.markedOptions
         })
       );
     }
     const contentType = contentFormat === "markdown" && !markdownEnabled ? void 0 : contentFormat;
     editorExtensions.push(...createMediaExtensions(this.config.media, this.mediaRuntime));
+    if (this.config.table !== false) {
+      editorExtensions.push(...createTableExtensions(resolveTableConfig(this.config.table)));
+    }
     if (this.config.bubbleElement) {
       editorExtensions.push(
         BubbleMenu.configure({
@@ -1078,7 +1133,8 @@ class CoreEditor {
         })
       );
     }
-    const enableInputRules = ((_d = this.config.markdown) == null ? void 0 : _d.shortcuts) !== false;
+    editorExtensions.push(TaskList, TaskItem);
+    const enableInputRules = ((_g = this.config.markdown) == null ? void 0 : _g.shortcuts) !== false;
     if (extensions) {
       editorExtensions.push(...extensions);
     }
@@ -1115,7 +1171,7 @@ class CoreEditor {
         (_b2 = (_a2 = this.config).onDestroy) == null ? void 0 : _b2.call(_a2);
       }
     });
-    (_e = this.mediaRuntime) == null ? void 0 : _e.bind(editor);
+    (_h = this.mediaRuntime) == null ? void 0 : _h.bind(editor);
     return editor;
   }
   /**
@@ -1137,9 +1193,14 @@ class CoreEditor {
     try {
       return this.editor.getHTML();
     } catch (err) {
-      console.error("[CoreEditor] getHTML() failed:", err);
-      console.error("[CoreEditor] Schema nodes:", Object.keys(this.editor.schema.nodes));
-      console.error("[CoreEditor] Schema marks:", Object.keys(this.editor.schema.marks));
+      console.error(
+        "[CoreEditor] getHTML() failed:",
+        err,
+        "\nSchema nodes:",
+        Object.keys(this.editor.schema.nodes),
+        "\nSchema marks:",
+        Object.keys(this.editor.schema.marks)
+      );
       throw err;
     }
   }
@@ -1372,23 +1433,13 @@ class ThemeManager {
     this.applyTheme();
   }
   /**
-   * 应用当前主题
+   * 应用当前主题：内置主题与自定义主题走同一条 class 规则，只是名字不同
    */
   applyTheme() {
     this.container.classList.remove("atri-theme-light", "atri-theme-dark");
-    if (this.currentTheme === "light" || this.currentTheme === "dark") {
-      this.container.classList.add(`atri-theme-${this.currentTheme}`);
-    } else {
-      this.container.classList.add(`atri-theme-${this.currentTheme}`);
-    }
+    this.container.classList.add(`atri-theme-${this.currentTheme}`);
     this.container.setAttribute("data-atri-theme", this.currentTheme);
   }
-  /**
-   * 获取当前主题
-   */
-  getTheme() {
-    return this.currentTheme;
-  }
   /**
    * 设置主题
    */
@@ -1408,12 +1459,6 @@ class ThemeManager {
       this.setTheme("light");
     }
   }
-  /**
-   * 是否为暗色主题
-   */
-  isDark() {
-    return this.currentTheme === "dark";
-  }
 }
 const zhResources = {
   editor: {
@@ -1433,6 +1478,7 @@ const zhResources = {
     taskList: "任务列表",
     codeBlock: "代码块",
     blockquote: "引用",
+    horizontalRule: "分割线",
     link: "链接",
     image: "图片",
     attachment: "附件",
@@ -1458,6 +1504,29 @@ const zhResources = {
     altPlaceholder: "替代文字",
     insert: "插入"
   },
+  table: {
+    menuLabel: "表格操作",
+    rowBefore: "上方插入行",
+    rowAfter: "下方插入行",
+    deleteRow: "删除行",
+    columnBefore: "左侧插入列",
+    columnAfter: "右侧插入列",
+    deleteColumn: "删除列",
+    mergeCells: "合并单元格",
+    splitCell: "拆分单元格",
+    toggleHeaderRow: "切换表头行",
+    alignLeft: "单元格左对齐",
+    alignCenter: "单元格居中",
+    alignRight: "单元格右对齐",
+    deleteTable: "删除表格"
+  },
+  link: {
+    panelLabel: "链接",
+    urlPlaceholder: "链接地址（https://…）",
+    newWindow: "在新窗口打开",
+    apply: "确定",
+    remove: "移除链接"
+  },
   ai: {
     menu: "AI 菜单",
     continue: "AI 续写",
@@ -1486,6 +1555,7 @@ const enResources = {
     taskList: "Task List",
     codeBlock: "Code Block",
     blockquote: "Blockquote",
+    horizontalRule: "Divider",
     link: "Link",
     image: "Image",
     attachment: "Attachment",
@@ -1511,6 +1581,29 @@ const enResources = {
     altPlaceholder: "Alternative text",
     insert: "Insert"
   },
+  table: {
+    menuLabel: "Table actions",
+    rowBefore: "Insert row above",
+    rowAfter: "Insert row below",
+    deleteRow: "Delete row",
+    columnBefore: "Insert column left",
+    columnAfter: "Insert column right",
+    deleteColumn: "Delete column",
+    mergeCells: "Merge cells",
+    splitCell: "Split cell",
+    toggleHeaderRow: "Toggle header row",
+    alignLeft: "Align cell left",
+    alignCenter: "Center cell",
+    alignRight: "Align cell right",
+    deleteTable: "Delete table"
+  },
+  link: {
+    panelLabel: "Link",
+    urlPlaceholder: "Link URL (https://…)",
+    newWindow: "Open in new window",
+    apply: "Apply",
+    remove: "Remove link"
+  },
   ai: {
     menu: "AI Menu",
     continue: "AI Continue",
@@ -1540,6 +1633,13 @@ class I18nManager {
   t(key, options) {
     return this.instance.t(key, options);
   }
+  /**
+   * 翻译，词条缺失时回退到 fallback：i18next 缺词条时原样返回 key
+   */
+  tOr(key, fallback, options) {
+    const translated = this.t(key, options);
+    return translated && translated !== key ? translated : fallback;
+  }
   /**
    * 切换语言
    */
@@ -1560,6 +1660,9 @@ class I18nManager {
     return this.instance.language || "zh";
   }
 }
+function tOrFallback(i18n, key, fallback) {
+  return (i18n == null ? void 0 : i18n.tOr(key, fallback)) ?? fallback;
+}
 class ExtensionManager {
   constructor() {
     this.extensions = /* @__PURE__ */ new Map();
@@ -1568,19 +1671,13 @@ class ExtensionManager {
   /**
    * 注册扩展
    */
-  register(extension, _meta) {
+  register(extension) {
     const name = extension.name;
     if (this.extensions.has(name)) {
       console.warn(`Extension "${name}" already registered, overwriting.`);
     }
     this.extensions.set(name, extension);
   }
-  /**
-   * 批量注册扩展
-   */
-  registerAll(extensions) {
-    extensions.forEach((ext) => this.register(ext));
-  }
   /**
    * 注册自定义 NodeView
    */
@@ -1612,12 +1709,7 @@ class ExtensionManager {
       // 由 Tiptap 的 MarkdownManager 按节点名调用，签名见 @tiptap/core NodeConfig.renderMarkdown
       renderMarkdown: config.markdownSerialize ? (node) => config.markdownSerialize(node) : void 0
     });
-    this.register(nodeExtension, {
-      name: config.name,
-      version: "1.0.0",
-      category: "custom",
-      description: config.description
-    });
+    this.register(nodeExtension);
   }
   /**
    * 批量注册 NodeView
@@ -1631,13 +1723,6 @@ class ExtensionManager {
   get(name) {
     return this.extensions.get(name);
   }
-  /**
-   * 卸载扩展
-   */
-  unregister(name) {
-    this.nodeViews.delete(name);
-    return this.extensions.delete(name);
-  }
   /**
    * 获取所有扩展
    */
@@ -1656,28 +1741,69 @@ class ExtensionManager {
   has(name) {
     return this.extensions.has(name);
   }
-  /**
-   * 清空所有扩展
-   */
-  clear() {
-    this.extensions.clear();
-    this.nodeViews.clear();
-  }
+}
+function positionPanel(trigger, panel, isCurrent) {
+  let stopAutoUpdate = null;
+  const update = async () => {
+    if (!isCurrent()) return;
+    try {
+      const { x, y } = await computePosition(trigger, panel, {
+        placement: "bottom-start",
+        middleware: [offset(6), flip(), shift({ padding: 8 })]
+      });
+      if (!isCurrent()) return;
+      panel.style.position = "fixed";
+      panel.style.left = `${x}px`;
+      panel.style.top = `${y}px`;
+    } catch {
+    }
+  };
+  void update().then(() => {
+    if (isCurrent()) {
+      stopAutoUpdate = autoUpdate(trigger, panel, () => void update());
+    }
+  });
+  return {
+    stop: () => {
+      stopAutoUpdate == null ? void 0 : stopAutoUpdate();
+      stopAutoUpdate = null;
+    }
+  };
+}
+function listenPanelDismiss(trigger, panel, onClose) {
+  const onPointerDown = (event) => {
+    const target = event.target;
+    if (!target || panel.contains(target) || trigger.contains(target)) return;
+    onClose();
+  };
+  const onKeyDown = (event) => {
+    if (event.key !== "Escape") return;
+    event.preventDefault();
+    event.stopPropagation();
+    onClose();
+  };
+  document.addEventListener("pointerdown", onPointerDown, true);
+  document.addEventListener("keydown", onKeyDown, true);
+  return () => {
+    document.removeEventListener("pointerdown", onPointerDown, true);
+    document.removeEventListener("keydown", onKeyDown, true);
+  };
+}
+function copyThemeClasses(source, panel) {
+  const root = source == null ? void 0 : source.closest(".atri-editor");
+  const themes = Array.from((root == null ? void 0 : root.classList) ?? []).filter((name) => name.startsWith("atri-theme-"));
+  panel.classList.add(...themes);
 }
 const FIELDS = {
   image: { url: true, alt: true, kind: "image" },
   attachment: { url: false, alt: false, kind: "attachment" }
 };
-function filesOf(transfer) {
-  if (!transfer) return [];
-  return Array.from(transfer.files);
-}
 class InsertPanel {
   constructor(options) {
     var _a;
     this.element = null;
     this.mode = null;
-    this.stopAutoUpdate = null;
+    this.floating = null;
     this.detachDismiss = null;
     this.labelled = [];
     this.editor = options.editor;
@@ -1709,8 +1835,8 @@ class InsertPanel {
     var _a, _b, _c, _d;
     (_a = this.detachDismiss) == null ? void 0 : _a.call(this);
     this.detachDismiss = null;
-    (_b = this.stopAutoUpdate) == null ? void 0 : _b.call(this);
-    this.stopAutoUpdate = null;
+    (_b = this.floating) == null ? void 0 : _b.stop();
+    this.floating = null;
     (_c = this.element) == null ? void 0 : _c.remove();
     this.element = null;
     this.labelled = [];
@@ -1725,9 +1851,7 @@ class InsertPanel {
     this.unsubscribeLanguage = void 0;
   }
   t(key, fallback) {
-    var _a;
-    const translated = (_a = this.i18n) == null ? void 0 : _a.t(key);
-    return translated && translated !== key ? translated : fallback;
+    return tOrFallback(this.i18n, key, fallback);
   }
   /**
    * 登记一处随语言重画的文案：input 画到 placeholder，其他画成文字
@@ -1813,19 +1937,9 @@ class InsertPanel {
     }
     document.body.appendChild(panel);
     this.element = panel;
-    this.applyTheme(panel);
+    copyThemeClasses(this.editor.view.dom, panel);
     (urlInput ?? altInput ?? browse).focus();
   }
-  /**
-   * 主题变量写在 .atri-editor 上，浮层挂在 body 上够不着，只能把主题类复制一份
-   */
-  applyTheme(panel) {
-    const root = this.editor.view.dom.closest(".atri-editor");
-    const themes = Array.from((root == null ? void 0 : root.classList) ?? []).filter(
-      (name) => name.startsWith("atri-theme-")
-    );
-    panel.classList.add(...themes);
-  }
   /**
    * 外链图片当场就插，不进上传队列：地址本来就是可用的
    */
@@ -1840,50 +1954,151 @@ class InsertPanel {
     void this.runtime.handleFiles(files, { kind });
     this.close();
   }
-  async position(anchor) {
+  position(anchor) {
     const panel = this.element;
     if (!panel) return;
-    const update = async () => {
-      if (this.element !== panel) return;
-      try {
-        const { x, y } = await computePosition(anchor, panel, {
-          placement: "bottom-start",
-          middleware: [offset(6), flip(), shift({ padding: 8 })]
-        });
-        if (this.element !== panel) return;
-        panel.style.position = "fixed";
-        panel.style.left = `${x}px`;
-        panel.style.top = `${y}px`;
-      } catch {
-      }
-    };
-    await update();
-    if (this.element === panel) {
-      this.stopAutoUpdate = autoUpdate(anchor, panel, () => void update());
-    }
+    this.floating = positionPanel(anchor, panel, () => this.element === panel);
   }
   /**
    * 点外面与 Escape 关闭；锚点按钮交给 toggle，否则关了又立刻被这次点击重开
    */
   listenForDismiss(anchor) {
-    const onPointerDown = (event) => {
-      var _a;
-      const target = event.target;
-      if (!target || ((_a = this.element) == null ? void 0 : _a.contains(target)) || anchor.contains(target)) return;
+    const panel = this.element;
+    if (!panel) return;
+    this.detachDismiss = listenPanelDismiss(anchor, panel, () => this.close());
+  }
+}
+const MAX_COLS = 8;
+const MAX_ROWS = 6;
+class TableGridPanel {
+  constructor(options) {
+    this.element = null;
+    this.floating = null;
+    this.detachDismiss = null;
+    this.cursorRow = -1;
+    this.cursorCol = -1;
+    this.cells = [];
+    this.editor = options.editor;
+    this.i18n = options.i18n;
+    this.onOpenChange = options.onOpenChange;
+  }
+  get isOpen() {
+    return this.element !== null;
+  }
+  toggle(anchor) {
+    var _a;
+    if (this.isOpen) {
       this.close();
+      return;
+    }
+    this.build();
+    const panel = this.element;
+    if (!panel) return;
+    this.floating = positionPanel(anchor, panel, () => this.element === panel);
+    this.detachDismiss = listenPanelDismiss(anchor, panel, () => this.close());
+    (_a = this.onOpenChange) == null ? void 0 : _a.call(this, true);
+  }
+  close() {
+    var _a, _b, _c;
+    if (!this.element) return;
+    (_a = this.detachDismiss) == null ? void 0 : _a.call(this);
+    this.detachDismiss = null;
+    (_b = this.floating) == null ? void 0 : _b.stop();
+    this.floating = null;
+    this.element.remove();
+    this.element = null;
+    this.cells = [];
+    this.cursorRow = -1;
+    this.cursorCol = -1;
+    (_c = this.onOpenChange) == null ? void 0 : _c.call(this, false);
+  }
+  destroy() {
+    this.close();
+  }
+  t(key, fallback) {
+    return tOrFallback(this.i18n, key, fallback);
+  }
+  build() {
+    const panel = document.createElement("div");
+    panel.className = "atri-table-panel";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", this.t("editor.table", "表格"));
+    panel.tabIndex = -1;
+    const grid = document.createElement("div");
+    grid.className = "atri-table-panel-grid";
+    this.cells = [];
+    for (let row = 0; row < MAX_ROWS; row++) {
+      for (let col = 0; col < MAX_COLS; col++) {
+        const cell = document.createElement("div");
+        cell.className = "atri-table-panel-cell";
+        cell.setAttribute("role", "gridcell");
+        cell.dataset.row = String(row);
+        cell.dataset.col = String(col);
+        cell.addEventListener("mouseenter", () => this.highlight(row + 1, col + 1));
+        cell.addEventListener("click", () => this.insert(row + 1, col + 1));
+        grid.appendChild(cell);
+        this.cells.push(cell);
+      }
+    }
+    const hint = document.createElement("div");
+    hint.className = "atri-table-panel-hint";
+    hint.textContent = this.t("editor.table", "表格");
+    panel.addEventListener("keydown", (event) => this.onKeyDown(event));
+    panel.appendChild(grid);
+    panel.appendChild(hint);
+    document.body.appendChild(panel);
+    this.element = panel;
+    copyThemeClasses(this.editor.view.dom, panel);
+    panel.focus();
+  }
+  /**
+   * 高亮左上角 (rows × cols) 区域并在提示行显示尺寸；-1 清空
+   */
+  highlight(rows, cols) {
+    var _a;
+    this.cursorRow = rows < 0 ? -1 : rows - 1;
+    this.cursorCol = cols < 0 ? -1 : cols - 1;
+    this.cells.forEach((cell) => {
+      const r = Number(cell.dataset.row);
+      const c = Number(cell.dataset.col);
+      const active = rows > 0 && cols > 0 && r < rows && c < cols;
+      cell.classList.toggle("atri-table-panel-cell--active", active);
+      if (active) {
+        cell.setAttribute("aria-selected", "true");
+      } else {
+        cell.removeAttribute("aria-selected");
+      }
+    });
+    const hint = (_a = this.element) == null ? void 0 : _a.querySelector(".atri-table-panel-hint");
+    if (hint) {
+      hint.textContent = rows > 0 ? `${rows} × ${cols}` : this.t("editor.table", "表格");
+    }
+  }
+  insert(rows, cols) {
+    this.editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+    this.close();
+  }
+  onKeyDown(event) {
+    const deltas = {
+      ArrowLeft: [0, -1],
+      ArrowRight: [0, 1],
+      ArrowUp: [-1, 0],
+      ArrowDown: [1, 0]
     };
-    const onKeyDown = (event) => {
-      if (event.key !== "Escape") return;
+    if (event.key === "Enter") {
       event.preventDefault();
-      event.stopPropagation();
-      this.close();
-    };
-    document.addEventListener("pointerdown", onPointerDown, true);
-    document.addEventListener("keydown", onKeyDown, true);
-    this.detachDismiss = () => {
-      document.removeEventListener("pointerdown", onPointerDown, true);
-      document.removeEventListener("keydown", onKeyDown, true);
-    };
+      if (this.cursorRow < 0 || this.cursorCol < 0) return;
+      this.insert(this.cursorRow + 1, this.cursorCol + 1);
+      return;
+    }
+    const delta = deltas[event.key];
+    if (!delta) return;
+    event.preventDefault();
+    const baseRow = this.cursorRow < 0 ? 0 : this.cursorRow;
+    const baseCol = this.cursorCol < 0 ? 0 : this.cursorCol;
+    const row = Math.min(MAX_ROWS - 1, Math.max(0, baseRow + delta[0]));
+    const col = Math.min(MAX_COLS - 1, Math.max(0, baseCol + delta[1]));
+    this.highlight(row + 1, col + 1);
   }
 }
 const icons = {
@@ -1900,15 +2115,31 @@ const icons = {
   code: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
   list: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/></svg>',
   listOrdered: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" x2="21" y1="6" y2="6"/><line x1="10" x2="21" y1="12" y2="12"/><line x1="10" x2="21" y1="18" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>',
+  listChecks: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/></svg>',
+  horizontalRule: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" x2="19" y1="12" y2="12"/></svg>',
   quote: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"/><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"/></svg>',
   codeBlock: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
   alignLeft: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>',
   alignCenter: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="17" x2="7" y1="12" y2="12"/><line x1="19" x2="5" y1="18" y2="18"/></svg>',
   alignRight: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="21" x2="9" y1="12" y2="12"/><line x1="21" x2="7" y1="18" y2="18"/></svg>',
+  alignJustify: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="21" x2="3" y1="12" y2="12"/><line x1="21" x2="3" y1="18" y2="18"/></svg>',
   image: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21"/></svg>',
   paperclip: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 6-8.4 8.6a2 2 0 0 0 2.8 2.8l8.4-8.6a4 4 0 1 0-5.6-5.6l-8.4 8.5a6 6 0 1 0 8.5 8.5l8.4-8.4"/></svg>',
   link: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 17H7A5 5 0 1 1 7 7h2"/><path d="M15 7h2a5 5 0 1 1 0 10h-2"/><line x1="8" x2="16" y1="12" y2="12"/></svg>',
-  trash: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>'
+  table: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/></svg>',
+  trash: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>',
+  // 表格操作菜单：统一用「表格边框 + 方向标记」一套句法——
+  // 行操作画横分隔线、列操作画竖分隔线，加号落在哪一格就是插到哪一侧，
+  // 减号落在哪一格就是删哪一格（两种删除靠分隔线方向区分）
+  tableRowBefore: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M12 4.5v3"/><path d="M10.5 6h3"/></svg>',
+  tableRowAfter: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M12 16.5v3"/><path d="M10.5 18h3"/></svg>',
+  tableRowDelete: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M10.5 12h3"/></svg>',
+  tableColumnBefore: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="M15 3v18"/><path d="M4.5 12h3"/><path d="M6 10.5v3"/></svg>',
+  tableColumnAfter: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="M15 3v18"/><path d="M16.5 12h3"/><path d="M18 10.5v3"/></svg>',
+  tableColumnDelete: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="M15 3v18"/><path d="M10.5 12h3"/></svg>',
+  tableMergeCells: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/><path d="m10.5 9.5-2.5 2.5 2.5 2.5"/><path d="m13.5 9.5 2.5 2.5-2.5 2.5"/></svg>',
+  tableSplitCell: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M12 3v18"/><path d="M9 12H6"/><path d="M15 12h3"/></svg>',
+  tableHeaderRow: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M7 6h4"/></svg>'
 };
 const TOOLTIP_KEYS = {
   undo: "editor.undo",
@@ -1924,28 +2155,35 @@ const TOOLTIP_KEYS = {
   code: "editor.code",
   bulletList: "editor.bulletList",
   orderedList: "editor.orderedList",
+  taskList: "editor.taskList",
   blockquote: "editor.blockquote",
   codeBlock: "editor.codeBlock",
+  horizontalRule: "editor.horizontalRule",
   alignLeft: "editor.alignLeft",
   alignCenter: "editor.alignCenter",
   alignRight: "editor.alignRight",
+  alignJustify: "editor.alignJustify",
   insertImage: "editor.image",
   insertAttachment: "editor.attachment",
   attachmentDisplay: "editor.attachmentDisplay",
+  insertTable: "editor.table",
+  insertLink: "editor.link",
   delete: "editor.delete"
 };
 class ToolbarManager {
-  constructor(editor, container, config, i18n, mediaRuntime) {
+  constructor(editor, container, config, i18n, mediaRuntime, linkPanel) {
     var _a;
     this.buttons = /* @__PURE__ */ new Map();
     this.customTooltips = /* @__PURE__ */ new Map();
     this.createdElements = [];
     this.panel = null;
+    this.tablePanel = null;
     this.editor = editor;
     this.container = container;
     this.config = config;
     this.i18n = i18n;
     this.mediaRuntime = mediaRuntime ?? null;
+    this.linkPanel = linkPanel ?? null;
     this.itemDefs = this.getDefaultItems();
     this.createToolbarDOM();
     this.bindEditorEvents();
@@ -2001,6 +2239,23 @@ class ToolbarManager {
     var _a;
     (_a = this.insertPanel) == null ? void 0 : _a.toggle(button, mode);
   }
+  /**
+   * 表格网格面板按需创建：没点开过就不该有一个实例挂在编辑器上
+   */
+  get gridPanel() {
+    if (!this.tableExtensionRegistered) return null;
+    this.tablePanel ?? (this.tablePanel = new TableGridPanel({
+      editor: this.editor,
+      i18n: this.i18n,
+      // 开合不改文档，等不到 transaction，得主动刷一次按钮状态
+      onOpenChange: () => this.updateButtonStates()
+    }));
+    return this.tablePanel;
+  }
+  /** 内置表格真可用才摆按钮：table:false 未注册、或被用户同名扩展顶掉都不摆（判定见 canInsertTable） */
+  get tableExtensionRegistered() {
+    return canInsertTable(this.editor);
+  }
   /**
    * 创建工具栏 DOM - 直接将按钮插入 container
    */
@@ -2021,11 +2276,15 @@ class ToolbarManager {
     const layout = [
       ["undo", "redo"],
       ["heading1", "heading2", "heading3", "paragraph"],
-      ["bold", "italic", "underline", "strike", "code"],
-      ["bulletList", "orderedList", "blockquote", "codeBlock"],
-      ["alignLeft", "alignCenter", "alignRight"],
-      // 媒体节点没注册时这两项压根不存在，默认布局里也不摆空位
-      ...this.itemDefs.has("insertImage") ? [["insertImage", "insertAttachment", "attachmentDisplay"]] : []
+      // 链接跟着行内格式走：它也是一段文字上的标记，只是要填地址所以带浮层
+      ["bold", "italic", "underline", "strike", "code", "insertLink"],
+      ["bulletList", "orderedList", "taskList", "blockquote", "codeBlock"],
+      ["alignLeft", "alignCenter", "alignRight", "alignJustify"],
+      // 分割线与表格自成一组：都是"往正文里插一块"的动作，没有激活态。
+      // 表格节点没注册时（table:false 或被顶掉）这项不存在，组里只剩分割线，不会吊出空组
+      ["horizontalRule", ...this.itemDefs.has("insertTable") ? ["insertTable"] : []],
+      // 「附件样式」不再常驻：切换形态改由选中附件时的浮动工具栏承接（bubble 默认开）
+      ...this.itemDefs.has("insertImage") ? [["insertImage", "insertAttachment"]] : []
     ];
     layout.forEach((group, groupIndex) => {
       if (groupIndex > 0) {
@@ -2075,11 +2334,6 @@ class ToolbarManager {
     } else {
       button.innerHTML = itemDef.icon;
     }
-    const svg = button.querySelector("svg");
-    if (svg) {
-      svg.setAttribute("width", "18");
-      svg.setAttribute("height", "18");
-    }
     if (overrides == null ? void 0 : overrides.tooltip) {
       this.customTooltips.set(itemId, overrides.tooltip);
     }
@@ -2111,8 +2365,7 @@ class ToolbarManager {
       if (!itemDef) return;
       const custom = this.customTooltips.get(itemId);
       const key = TOOLTIP_KEYS[itemId];
-      const translated = key ? (_a = this.i18n) == null ? void 0 : _a.t(key) : void 0;
-      const title = custom ?? (translated && translated !== key ? translated : itemDef.tooltip);
+      const title = custom ?? (key ? ((_a = this.i18n) == null ? void 0 : _a.tOr(key, itemDef.tooltip)) ?? itemDef.tooltip : itemDef.tooltip);
       buttons.forEach((button) => {
         button.title = title;
       });
@@ -2157,6 +2410,41 @@ class ToolbarManager {
         isDisabled: (editor) => !editor.isActive("attachment") && !editor.isActive("attachmentLink")
       });
     }
+    if (this.tableExtensionRegistered) {
+      items.set("insertTable", {
+        id: "insertTable",
+        icon: icons.table,
+        tooltip: "表格",
+        popup: true,
+        command: (_editor, button) => {
+          var _a;
+          return (_a = this.gridPanel) == null ? void 0 : _a.toggle(button);
+        },
+        isActive: () => {
+          var _a;
+          return ((_a = this.tablePanel) == null ? void 0 : _a.isOpen) === true;
+        },
+        isDisabled: (editor) => !editor.isEditable
+      });
+    }
+    if (this.linkPanel) {
+      items.set("insertLink", {
+        id: "insertLink",
+        icon: icons.link,
+        tooltip: "链接",
+        popup: true,
+        command: (_editor, button) => {
+          var _a;
+          return (_a = this.linkPanel) == null ? void 0 : _a.toggle(button);
+        },
+        // 浮层开着时按下去是关，所以按钮的"按下态"跟的是浮层，不是选区里有没有链接
+        isActive: (editor) => {
+          var _a;
+          return ((_a = this.linkPanel) == null ? void 0 : _a.isOpen) === true || editor.isActive("link");
+        },
+        isDisabled: (editor) => !editor.isEditable
+      });
+    }
     items.set("delete", {
       id: "delete",
       icon: icons.trash,
@@ -2269,6 +2557,14 @@ class ToolbarManager {
       isActive: (editor) => editor.isActive("orderedList"),
       isDisabled: (editor) => !editor.can().toggleOrderedList()
     });
+    items.set("taskList", {
+      id: "taskList",
+      icon: icons.listChecks,
+      tooltip: "任务列表",
+      command: (editor) => editor.chain().toggleTaskList().run(),
+      isActive: (editor) => editor.isActive("taskList"),
+      isDisabled: (editor) => !editor.can().toggleTaskList()
+    });
     items.set("blockquote", {
       id: "blockquote",
       icon: icons.quote,
@@ -2285,6 +2581,14 @@ class ToolbarManager {
       isActive: (editor) => editor.isActive("codeBlock"),
       isDisabled: (editor) => !editor.can().toggleCodeBlock()
     });
+    items.set("horizontalRule", {
+      id: "horizontalRule",
+      icon: icons.horizontalRule,
+      tooltip: "分割线",
+      command: (editor) => editor.chain().setHorizontalRule().run(),
+      isActive: () => false,
+      isDisabled: (editor) => !editor.can().setHorizontalRule()
+    });
     items.set("alignLeft", {
       id: "alignLeft",
       icon: icons.alignLeft,
@@ -2309,6 +2613,14 @@ class ToolbarManager {
       isActive: (editor) => editor.isActive({ textAlign: "right" }),
       isDisabled: (editor) => !editor.can().setTextAlign("right")
     });
+    items.set("alignJustify", {
+      id: "alignJustify",
+      icon: icons.alignJustify,
+      tooltip: "两端对齐",
+      command: (editor) => editor.chain().setTextAlign("justify").run(),
+      isActive: (editor) => editor.isActive({ textAlign: "justify" }),
+      isDisabled: (editor) => !editor.can().setTextAlign("justify")
+    });
     return items;
   }
   /**
@@ -2325,6 +2637,9 @@ class ToolbarManager {
   }
   /**
    * 更新所有按钮状态
+   *
+   * 公开是因为浮层开合不改文档，等不到 transaction：挂在门面上的浮层（链接）
+   * 由门面在开合时叫一次，挂在这里的浮层则在 onOpenChange 里叫
    */
   updateButtonStates() {
     this.buttons.forEach((buttons, itemId) => {
@@ -2343,55 +2658,527 @@ class ToolbarManager {
    * 销毁工具栏
    */
   destroy() {
-    var _a, _b;
+    var _a, _b, _c;
     (_a = this.unsubscribeLanguage) == null ? void 0 : _a.call(this);
     this.unsubscribeLanguage = void 0;
     (_b = this.panel) == null ? void 0 : _b.destroy();
     this.panel = null;
+    (_c = this.tablePanel) == null ? void 0 : _c.destroy();
+    this.tablePanel = null;
     this.buttons.clear();
     this.customTooltips.clear();
     this.createdElements.forEach((el) => el.remove());
     this.createdElements = [];
   }
 }
-class MediaStatusStrip {
-  constructor(runtime, container, i18n) {
-    const t = (key, fallback, options) => {
-      const translated = i18n == null ? void 0 : i18n.t(key, options);
-      return translated && translated !== key ? translated : fallback;
-    };
-    this.labels = {
-      uploading: (files, percent) => t("media.uploading", "上传中 {{files}} 个 · {{percent}}%", { files, percent }),
-      failed: (files) => t("media.uploadFailed", "{{files}} 个文件上传失败", { files }),
-      inline: (files) => t("media.inlined", "{{files}} 张图片未上传（已随文档保存）", { files }),
-      retry: () => t("media.retry", "重试")
+function normalizeHref(value) {
+  const href = value.trim();
+  if (!href) return "";
+  if (/^[a-z][a-z0-9+.-]*:/i.test(href) || /^[/#.]/.test(href)) return href;
+  return `https://${href}`;
+}
+class LinkPanel {
+  constructor(options) {
+    var _a;
+    this.element = null;
+    this.floating = null;
+    this.detachDismiss = null;
+    this.labelled = [];
+    this.urlInput = null;
+    this.targetInput = null;
+    this.editing = false;
+    this.onEditorClick = (event) => {
+      if (this.openOnClick || !this.editor.isEditable) return;
+      if (!this.editor.state.selection.empty) return;
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      const anchor = target.closest("a");
+      if (!anchor || !this.root.contains(anchor)) return;
+      event.preventDefault();
+      this.open(anchor);
     };
-    this.element = document.createElement("div");
-    this.element.className = "atri-media-status";
-    this.element.setAttribute("role", "status");
-    this.element.hidden = true;
-    this.text = document.createElement("span");
-    this.text.className = "atri-media-status-text";
-    this.retry = document.createElement("button");
-    this.retry.type = "button";
-    this.retry.className = "atri-media-status-retry";
-    this.retry.hidden = true;
-    this.retry.addEventListener("click", () => void runtime.retryFailed());
-    this.element.append(this.text, this.retry);
-    container.appendChild(this.element);
-    this.unsubscribe = runtime.subscribe((state) => this.render(state));
-    this.unsubscribeLanguage = i18n == null ? void 0 : i18n.onLanguageChanged(() => this.render(runtime.getState()));
+    this.editor = options.editor;
+    this.root = options.root;
+    this.i18n = options.i18n;
+    this.openOnClick = options.openOnClick ?? false;
+    this.defaultTarget = options.target ?? "_blank";
+    this.onOpenChange = options.onOpenChange;
+    this.unsubscribeLanguage = (_a = this.i18n) == null ? void 0 : _a.onLanguageChanged(() => this.applyLabels());
+    this.root.addEventListener("click", this.onEditorClick);
   }
-  destroy() {
-    var _a, _b;
-    (_a = this.unsubscribe) == null ? void 0 : _a.call(this);
-    (_b = this.unsubscribeLanguage) == null ? void 0 : _b.call(this);
-    this.element.remove();
+  get isOpen() {
+    return this.element !== null;
   }
-  render(state) {
-    const { failed, inline } = state;
-    const parts = [];
-    if (state.uploading) parts.push(this.labels.uploading(state.uploading, state.percent));
+  toggle(anchor) {
+    if (this.isOpen) {
+      this.close();
+      return;
+    }
+    this.open(anchor);
+  }
+  open(anchor) {
+    var _a;
+    this.close();
+    this.editing = this.editor.isActive("link");
+    this.build();
+    const panel = this.element;
+    if (!panel) return;
+    this.floating = positionPanel(anchor, panel, () => this.element === panel);
+    this.detachDismiss = listenPanelDismiss(anchor, panel, () => this.close());
+    (_a = this.onOpenChange) == null ? void 0 : _a.call(this, true);
+  }
+  close() {
+    var _a, _b, _c, _d;
+    const wasOpen = this.element !== null;
+    (_a = this.detachDismiss) == null ? void 0 : _a.call(this);
+    this.detachDismiss = null;
+    (_b = this.floating) == null ? void 0 : _b.stop();
+    this.floating = null;
+    (_c = this.element) == null ? void 0 : _c.remove();
+    this.element = null;
+    this.urlInput = null;
+    this.targetInput = null;
+    this.labelled = [];
+    this.editing = false;
+    if (wasOpen) (_d = this.onOpenChange) == null ? void 0 : _d.call(this, false);
+  }
+  destroy() {
+    var _a;
+    this.root.removeEventListener("click", this.onEditorClick);
+    this.close();
+    (_a = this.unsubscribeLanguage) == null ? void 0 : _a.call(this);
+    this.unsubscribeLanguage = void 0;
+  }
+  t(key, fallback) {
+    return tOrFallback(this.i18n, key, fallback);
+  }
+  /** 登记一处随语言重画的文案：input 画到 placeholder，其他画成文字 */
+  label(el, key, fallback) {
+    this.labelled.push({ el, key, fallback });
+    this.applyLabel({ el, key, fallback });
+  }
+  applyLabels() {
+    this.labelled.forEach((entry) => this.applyLabel(entry));
+  }
+  applyLabel({ el, key, fallback }) {
+    const text = this.t(key, fallback);
+    if (el instanceof HTMLInputElement) el.placeholder = text;
+    else el.textContent = text;
+  }
+  build() {
+    const panel = document.createElement("div");
+    panel.className = "atri-link-panel";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", this.t("link.panelLabel", "链接"));
+    const url = document.createElement("input");
+    url.type = "url";
+    url.className = "atri-link-panel-url";
+    this.label(url, "link.urlPlaceholder", "链接地址（https://…）");
+    url.value = this.editing ? String(this.editor.getAttributes("link").href ?? "") : "";
+    url.addEventListener("keydown", (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        this.apply();
+      }
+    });
+    panel.appendChild(url);
+    this.urlInput = url;
+    const targetLabel = document.createElement("label");
+    targetLabel.className = "atri-link-panel-target";
+    const target = document.createElement("input");
+    target.type = "checkbox";
+    target.checked = this.editing ? this.editor.getAttributes("link").target !== "_self" : this.defaultTarget === "_blank";
+    const targetText = document.createElement("span");
+    this.label(targetText, "link.newWindow", "在新窗口打开");
+    targetLabel.append(target, targetText);
+    panel.appendChild(targetLabel);
+    this.targetInput = target;
+    const actions = document.createElement("div");
+    actions.className = "atri-link-panel-actions";
+    if (this.editing) {
+      const remove = document.createElement("button");
+      remove.type = "button";
+      remove.className = "atri-link-panel-remove";
+      this.label(remove, "link.remove", "移除链接");
+      remove.addEventListener("click", () => this.remove());
+      actions.appendChild(remove);
+    }
+    const apply = document.createElement("button");
+    apply.type = "button";
+    apply.className = "atri-link-panel-apply";
+    this.label(apply, "link.apply", "确定");
+    apply.addEventListener("click", () => this.apply());
+    actions.appendChild(apply);
+    panel.appendChild(actions);
+    document.body.appendChild(panel);
+    this.element = panel;
+    copyThemeClasses(this.root, panel);
+    url.focus();
+    url.select();
+  }
+  /** 有链接就整条改（extendMarkRange 把范围摊到整段链接），没链接就看选区：套住它，或者把地址本身当链接文字插进去 */
+  apply() {
+    var _a, _b;
+    const href = normalizeHref(((_a = this.urlInput) == null ? void 0 : _a.value) ?? "");
+    if (!href) return;
+    const target = ((_b = this.targetInput) == null ? void 0 : _b.checked) ? "_blank" : "_self";
+    const { editor } = this;
+    const chain = editor.chain().focus();
+    if (this.editing) {
+      chain.extendMarkRange("link").setLink({ href, target }).run();
+    } else if (editor.state.selection.empty) {
+      chain.insertContent({
+        type: "text",
+        text: href,
+        marks: [{ type: "link", attrs: { href, target } }]
+      }).run();
+    } else {
+      chain.setLink({ href, target }).run();
+    }
+    this.close();
+  }
+  remove() {
+    this.editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    this.close();
+  }
+}
+function cellPos(state) {
+  const { $from } = state.selection;
+  for (let depth = $from.depth; depth > 0; depth--) {
+    const name = $from.node(depth).type.name;
+    if (name === "tableCell" || name === "tableHeader") return $from.before(depth);
+  }
+  return null;
+}
+function cellAlignmentActive(align) {
+  return (editor) => editor.isActive("tableCell", { align }) || editor.isActive("tableHeader", { align });
+}
+function buildItems() {
+  const items = [
+    {
+      id: "addRowBefore",
+      icon: icons.tableRowBefore,
+      labelKey: "table.rowBefore",
+      label: "上方插入行",
+      group: 0,
+      command: (editor) => editor.chain().focus().addRowBefore().run()
+    },
+    {
+      id: "addRowAfter",
+      icon: icons.tableRowAfter,
+      labelKey: "table.rowAfter",
+      label: "下方插入行",
+      group: 0,
+      command: (editor) => editor.chain().focus().addRowAfter().run()
+    },
+    {
+      id: "deleteRow",
+      icon: icons.tableRowDelete,
+      labelKey: "table.deleteRow",
+      label: "删除行",
+      group: 0,
+      command: (editor) => editor.chain().focus().deleteRow().run()
+    },
+    {
+      id: "addColumnBefore",
+      icon: icons.tableColumnBefore,
+      labelKey: "table.columnBefore",
+      label: "左侧插入列",
+      group: 1,
+      command: (editor) => editor.chain().focus().addColumnBefore().run()
+    },
+    {
+      id: "addColumnAfter",
+      icon: icons.tableColumnAfter,
+      labelKey: "table.columnAfter",
+      label: "右侧插入列",
+      group: 1,
+      command: (editor) => editor.chain().focus().addColumnAfter().run()
+    },
+    {
+      id: "deleteColumn",
+      icon: icons.tableColumnDelete,
+      labelKey: "table.deleteColumn",
+      label: "删除列",
+      group: 1,
+      command: (editor) => editor.chain().focus().deleteColumn().run()
+    },
+    {
+      // 合并要有两个以上单元格被框住，单选一个时按不动——禁用而不是隐藏，位置别跳
+      id: "mergeCells",
+      icon: icons.tableMergeCells,
+      labelKey: "table.mergeCells",
+      label: "合并单元格",
+      group: 2,
+      command: (editor) => editor.chain().focus().mergeCells().run(),
+      isDisabled: (editor) => !editor.can().mergeCells()
+    },
+    {
+      id: "splitCell",
+      icon: icons.tableSplitCell,
+      labelKey: "table.splitCell",
+      label: "拆分单元格",
+      group: 2,
+      command: (editor) => editor.chain().focus().splitCell().run(),
+      isDisabled: (editor) => !editor.can().splitCell()
+    },
+    {
+      id: "toggleHeaderRow",
+      icon: icons.tableHeaderRow,
+      labelKey: "table.toggleHeaderRow",
+      label: "切换表头行",
+      group: 2,
+      command: (editor) => editor.chain().focus().toggleHeaderRow().run(),
+      isActive: (editor) => editor.isActive("tableHeader")
+    }
+  ];
+  const alignments = [
+    ["left", "table.alignLeft", "单元格左对齐"],
+    ["center", "table.alignCenter", "单元格居中"],
+    ["right", "table.alignRight", "单元格右对齐"]
+  ];
+  alignments.forEach(([align, labelKey, label]) => {
+    const suffix = `${align[0].toUpperCase()}${align.slice(1)}`;
+    items.push({
+      id: `cellAlign${suffix}`,
+      icon: icons[`align${suffix}`],
+      labelKey,
+      label,
+      group: 3,
+      command: (editor) => editor.chain().focus().setCellAttribute("align", align).run(),
+      isActive: cellAlignmentActive(align)
+    });
+  });
+  items.push({
+    id: "deleteTable",
+    icon: icons.trash,
+    labelKey: "table.deleteTable",
+    label: "删除表格",
+    group: 4,
+    command: (editor) => editor.chain().focus().deleteTable().run()
+  });
+  return items;
+}
+class TableMenu {
+  constructor(options) {
+    var _a;
+    this.element = null;
+    this.dismissed = false;
+    this.sync = () => {
+      const inTable = cellPos(this.editor.state) !== null;
+      if (!inTable) {
+        this.dismissed = false;
+        this.hide();
+        return;
+      }
+      if (this.dismissed || !this.editor.isEditable) {
+        this.hide();
+        return;
+      }
+      this.show();
+    };
+    this.onBlur = () => {
+      this.hide();
+    };
+    this.onScroll = () => {
+      if (this.element) void this.position();
+    };
+    this.dismiss = () => {
+      this.dismissed = true;
+      this.hide();
+    };
+    this.editor = options.editor;
+    this.root = options.root;
+    this.i18n = options.i18n;
+    this.items = buildItems();
+    this.editor.on("update", this.sync);
+    this.editor.on("selectionUpdate", this.sync);
+    this.editor.on("focus", this.sync);
+    this.editor.on("blur", this.onBlur);
+    document.addEventListener("scroll", this.onScroll, true);
+    this.unsubscribeLanguage = (_a = this.i18n) == null ? void 0 : _a.onLanguageChanged(() => this.applyLabels());
+    this.sync();
+  }
+  get isOpen() {
+    return this.element !== null;
+  }
+  destroy() {
+    var _a;
+    this.editor.off("update", this.sync);
+    this.editor.off("selectionUpdate", this.sync);
+    this.editor.off("focus", this.sync);
+    this.editor.off("blur", this.onBlur);
+    document.removeEventListener("scroll", this.onScroll, true);
+    (_a = this.unsubscribeLanguage) == null ? void 0 : _a.call(this);
+    this.unsubscribeLanguage = void 0;
+    this.hide();
+  }
+  t(key, fallback) {
+    return tOrFallback(this.i18n, key, fallback);
+  }
+  show() {
+    if (!this.element) this.build();
+    this.updateStates();
+    void this.position();
+  }
+  hide() {
+    var _a;
+    (_a = this.detachEscape) == null ? void 0 : _a.call(this);
+    this.detachEscape = void 0;
+    if (!this.element) return;
+    this.element.remove();
+    this.element = null;
+  }
+  /**
+   * Escape 收起菜单。这里不用 floating-panel 的 listenPanelDismiss：那一套还管外点关闭，
+   * 而点外面多半仍落在同一个单元格里，关了立刻被下一次状态更新重新浮出，只会闪
+   */
+  listenEscape() {
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      this.dismiss();
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
+  }
+  build() {
+    const panel = document.createElement("div");
+    panel.className = "atri-table-menu";
+    panel.setAttribute("role", "toolbar");
+    panel.setAttribute("aria-label", this.t("table.menuLabel", "表格操作"));
+    panel.addEventListener("mousedown", (event) => event.preventDefault());
+    let lastGroup = null;
+    this.items.forEach((item) => {
+      if (lastGroup !== null && item.group !== lastGroup) {
+        const separator = document.createElement("div");
+        separator.className = "atri-table-menu-separator";
+        panel.appendChild(separator);
+      }
+      lastGroup = item.group;
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "atri-editor-toolbar-btn";
+      button.setAttribute("data-table-item", item.id);
+      button.title = this.t(item.labelKey, item.label);
+      button.innerHTML = item.icon;
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        item.command(this.editor);
+      });
+      panel.appendChild(button);
+    });
+    document.body.appendChild(panel);
+    this.element = panel;
+    copyThemeClasses(this.root, panel);
+    this.detachEscape = this.listenEscape();
+  }
+  applyLabels() {
+    const panel = this.element;
+    if (!panel) return;
+    panel.setAttribute("aria-label", this.t("table.menuLabel", "表格操作"));
+    this.items.forEach((item) => {
+      const button = panel.querySelector(`[data-table-item="${item.id}"]`);
+      if (button) button.title = this.t(item.labelKey, item.label);
+    });
+  }
+  updateStates() {
+    const panel = this.element;
+    if (!panel) return;
+    this.items.forEach((item) => {
+      var _a, _b;
+      const button = panel.querySelector(`[data-table-item="${item.id}"]`);
+      if (!button) return;
+      button.disabled = ((_a = item.isDisabled) == null ? void 0 : _a.call(item, this.editor)) ?? false;
+      button.classList.toggle("active", ((_b = item.isActive) == null ? void 0 : _b.call(item, this.editor)) ?? false);
+    });
+  }
+  /**
+   * 当前单元格的虚拟锚点；量不到返回 null，调用方保持面板可见但不改坐标
+   *
+   * 优先锚在单元格盒子上（菜单跟着格子走，比跟着光标稳），拿不到盒子才退回光标坐标
+   */
+  anchor() {
+    const { view, state } = this.editor;
+    const pos = cellPos(state);
+    if (pos !== null) {
+      try {
+        const dom = view.nodeDOM(pos);
+        if (dom instanceof HTMLElement) {
+          const rect = dom.getBoundingClientRect();
+          if (rect.width || rect.height) return { getBoundingClientRect: () => rect };
+        }
+      } catch {
+      }
+    }
+    try {
+      const coords = view.coordsAtPos(state.selection.from);
+      return {
+        getBoundingClientRect: () => new DOMRect(coords.left, coords.top, 0, coords.bottom - coords.top)
+      };
+    } catch {
+      return null;
+    }
+  }
+  async position() {
+    const panel = this.element;
+    if (!panel) return;
+    const reference = this.anchor();
+    if (!reference) return;
+    let x;
+    let y;
+    try {
+      ({ x, y } = await computePosition(reference, panel, {
+        // 贴在单元格上沿：菜单跟着当前格走，长表格里也不会跑到视口外
+        placement: "top-start",
+        middleware: [offset(6), flip(), shift({ padding: 8 })]
+      }));
+    } catch {
+      return;
+    }
+    if (this.element !== panel) return;
+    panel.style.position = "fixed";
+    panel.style.left = `${x}px`;
+    panel.style.top = `${y}px`;
+  }
+}
+class MediaStatusStrip {
+  constructor(runtime, container, i18n) {
+    const t = (key, fallback, options) => (i18n == null ? void 0 : i18n.tOr(key, fallback, options)) ?? fallback;
+    this.labels = {
+      uploading: (files, percent) => t("media.uploading", "上传中 {{files}} 个 · {{percent}}%", { files, percent }),
+      failed: (files) => t("media.uploadFailed", "{{files}} 个文件上传失败", { files }),
+      inline: (files) => t("media.inlined", "{{files}} 张图片未上传（已随文档保存）", { files }),
+      retry: () => t("media.retry", "重试")
+    };
+    this.element = document.createElement("div");
+    this.element.className = "atri-media-status";
+    this.element.setAttribute("role", "status");
+    this.element.hidden = true;
+    this.text = document.createElement("span");
+    this.text.className = "atri-media-status-text";
+    this.retry = document.createElement("button");
+    this.retry.type = "button";
+    this.retry.className = "atri-media-status-retry";
+    this.retry.hidden = true;
+    this.retry.addEventListener("click", () => void runtime.retryFailed());
+    this.element.append(this.text, this.retry);
+    container.appendChild(this.element);
+    this.unsubscribe = runtime.subscribe((state) => this.render(state));
+    this.unsubscribeLanguage = i18n == null ? void 0 : i18n.onLanguageChanged(() => this.render(runtime.getState()));
+  }
+  destroy() {
+    var _a, _b;
+    (_a = this.unsubscribe) == null ? void 0 : _a.call(this);
+    (_b = this.unsubscribeLanguage) == null ? void 0 : _b.call(this);
+    this.element.remove();
+  }
+  render(state) {
+    const { failed, inline } = state;
+    const parts = [];
+    if (state.uploading) parts.push(this.labels.uploading(state.uploading, state.percent));
     if (failed) parts.push(this.labels.failed(failed));
     if (inline) parts.push(this.labels.inline(inline));
     const needsAttention = failed > 0 || inline > 0;
@@ -2817,31 +3604,14 @@ class AICommandMenuManager {
     this.hide();
   }
 }
-function resolveElement(element) {
-  if (typeof element === "string") {
-    const el = document.querySelector(element);
-    if (!el) {
-      throw new Error(`Element not found: ${element}`);
-    }
-    return el;
-  }
-  return element;
-}
-function createContainer(className) {
-  const div = document.createElement("div");
-  if (className) {
-    div.className = className;
-  }
-  return div;
-}
-function isBrowser() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
 class AtriEditor {
   constructor(options) {
     this.toolbarManager = null;
+    this.toolbarContainer = null;
     this.aiService = null;
     this.aiMenuManager = null;
+    this.linkPanel = null;
+    this.tableMenu = null;
     this.mediaStatus = null;
     this.pendingViewState = null;
     this.bubbleElement = null;
@@ -2855,65 +3625,24 @@ class AtriEditor {
     if (options.nodeViews && options.nodeViews.length > 0) {
       this.extensionManager.registerNodeViews(options.nodeViews);
     }
-    let toolbarContainer = null;
     if (options.toolbar !== false) {
-      toolbarContainer = createContainer("atri-editor-toolbar");
-      this.container.appendChild(toolbarContainer);
+      this.toolbarContainer = createContainer("atri-editor-toolbar");
+      this.container.appendChild(this.toolbarContainer);
     }
-    const bubbleElement = this.ensureBubbleElement(options.toolbar);
     const editorElement = createContainer("atri-editor-content-wrapper");
     this.container.appendChild(editorElement);
     this.mediaRuntime = options.media === false ? null : new MediaRuntime(options.media);
     this.mediaStatus = this.mediaRuntime ? new MediaStatusStrip(this.mediaRuntime, this.container, this.i18nManager) : null;
-    this.coreEditor = new CoreEditor({
+    this.createCoreEditor({
       element: editorElement,
       content: options.content,
-      contentFormat: options.contentFormat,
-      editable: options.editable,
-      placeholder: options.placeholder,
-      extensions: [...options.extensions || [], ...this.extensionManager.getAll()],
-      markdown: options.markdown,
-      media: options.media,
-      mediaRuntime: this.mediaRuntime ?? void 0,
-      bubbleElement,
-      onCreate: () => {
-        this.onEditorCreated();
-      },
-      onUpdate: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this);
-      },
-      onFocus: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onFocus) == null ? void 0 : _b.call(_a, this);
-      },
-      onBlur: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onBlur) == null ? void 0 : _b.call(_a, this);
-      },
-      onDestroy: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onDestroy) == null ? void 0 : _b.call(_a, this);
-      }
+      contentFormat: options.contentFormat
     });
-    this.markdownService = new MarkdownService(this.editor, options.markdown);
-    if (toolbarContainer && options.toolbar !== false) {
-      this.toolbarManager = new ToolbarManager(
-        this.editor,
-        toolbarContainer,
-        options.toolbar,
-        this.i18nManager,
-        this.mediaRuntime
-      );
-      if (bubbleElement) this.toolbarManager.attachBubbleToolbar(bubbleElement);
-    }
-    if (options.ai) {
-      this.initAI(options.ai);
-    }
+    this.setupSubsystems();
   }
-  /** 开了 bubble 才建元素，且故意不插进文档：挂载与定位全归 BubbleMenu 插件管 */
+  /** bubble 默认开，显式 false 才不建元素；元素故意不插进文档：挂载与定位全归 BubbleMenu 插件管 */
   ensureBubbleElement(toolbar) {
-    if (toolbar === false || !(toolbar == null ? void 0 : toolbar.bubble)) return null;
+    if (toolbar === false || (toolbar == null ? void 0 : toolbar.bubble) === false) return null;
     this.bubbleElement ?? (this.bubbleElement = createContainer("atri-editor-bubble-toolbar"));
     return this.bubbleElement;
   }
@@ -2932,7 +3661,7 @@ class AtriEditor {
       this.aiMenuManager = new AICommandMenuManager(
         this.editor,
         this.options.ai.functions,
-        "/",
+        this.options.ai.triggerChar ?? "/",
         (func) => {
           var _a2;
           (_a2 = this.aiService) == null ? void 0 : _a2.execute(func.id);
@@ -2945,76 +3674,114 @@ class AtriEditor {
     this.aiService = new AIService(this.editor, config, this.markdownService);
   }
   /**
-   * 重新创建编辑器（用于动态注册 NodeView 后更新 schema）
-   * 会整体替换编辑器视图，因此内容与选区都要手动恢复
+   * 创建核心编辑器：构造函数与 recreateEditor 共用的装配点。
+   * 只有编辑器壳（挂载元素/初始内容/内容格式）随重建变化，其余全部来自 this.options，
+   * 逐项手抄两遍必然漂移——出错的第一现场就是两处不齐
    */
-  recreateEditor() {
-    var _a, _b;
-    const previousEditor = this.coreEditor.getEditor();
-    const currentContent = this.coreEditor.getHTML();
-    const { from, to } = previousEditor.state.selection;
-    this.pendingViewState = { from, to };
-    this.coreEditor.destroy();
-    (_a = this.toolbarManager) == null ? void 0 : _a.destroy();
-    (_b = this.aiMenuManager) == null ? void 0 : _b.destroy();
-    const editorElement = this.container.querySelector(
-      ".atri-editor-content-wrapper"
-    );
-    const toolbarContainer = this.container.querySelector(".atri-editor-toolbar");
-    const newEditorElement = createContainer("atri-editor-content-wrapper");
-    if (editorElement) {
-      editorElement.replaceWith(newEditorElement);
-    } else {
-      this.container.appendChild(newEditorElement);
-    }
-    const bubbleElement = this.ensureBubbleElement(this.options.toolbar);
+  createCoreEditor(init) {
     this.coreEditor = new CoreEditor({
-      element: newEditorElement,
-      content: currentContent,
-      // 当前内容取自 getHTML()，重建时按 html 回填，不能沿用用户的 contentFormat
-      contentFormat: "html",
+      element: init.element,
+      content: init.content,
+      contentFormat: init.contentFormat,
       editable: this.options.editable,
       placeholder: this.options.placeholder,
       extensions: [...this.options.extensions || [], ...this.extensionManager.getAll()],
       markdown: this.options.markdown,
       media: this.options.media,
+      table: this.options.table,
+      link: this.options.link,
       mediaRuntime: this.mediaRuntime ?? void 0,
-      bubbleElement,
+      bubbleElement: this.ensureBubbleElement(this.options.toolbar),
       onCreate: () => {
         this.onEditorCreated();
       },
       onUpdate: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onChange) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this);
       },
       onFocus: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onFocus) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onFocus) == null ? void 0 : _b.call(_a, this);
       },
       onBlur: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onBlur) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onBlur) == null ? void 0 : _b.call(_a, this);
       },
       onDestroy: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onDestroy) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onDestroy) == null ? void 0 : _b.call(_a, this);
       }
     });
+  }
+  /** 初始化依赖编辑器实例的子系统：Markdown 服务、链接浮层、工具栏、表格菜单、AI 服务，重建后同样要重新走一遍 */
+  setupSubsystems() {
+    var _a, _b;
     this.markdownService = new MarkdownService(this.editor, this.options.markdown);
-    if (toolbarContainer && this.options.toolbar !== false) {
+    this.linkPanel = this.editor.schema.marks.link ? new LinkPanel({
+      editor: this.editor,
+      root: this.container,
+      i18n: this.i18nManager,
+      openOnClick: ((_a = this.options.link) == null ? void 0 : _a.openOnClick) ?? false,
+      target: ((_b = this.options.link) == null ? void 0 : _b.target) ?? "_blank",
+      // 开合不改文档，工具栏等不到 transaction，按钮的按下态得主动推一次
+      onOpenChange: () => {
+        var _a2;
+        return (_a2 = this.toolbarManager) == null ? void 0 : _a2.updateButtonStates();
+      }
+    }) : null;
+    if (this.toolbarContainer && this.options.toolbar !== false) {
       this.toolbarManager = new ToolbarManager(
         this.editor,
-        toolbarContainer,
+        this.toolbarContainer,
         this.options.toolbar,
         this.i18nManager,
-        this.mediaRuntime
+        this.mediaRuntime,
+        this.linkPanel
       );
-      if (bubbleElement) this.toolbarManager.attachBubbleToolbar(bubbleElement);
+      if (this.bubbleElement) this.toolbarManager.attachBubbleToolbar(this.bubbleElement);
     }
+    const tableConfig = resolveTableConfig(this.options.table);
+    this.tableMenu = tableConfig.menu && canInsertTable(this.editor) ? new TableMenu({
+      editor: this.editor,
+      root: this.container,
+      i18n: this.i18nManager
+    }) : null;
     if (this.options.ai) {
       this.initAI(this.options.ai);
     }
   }
+  /**
+   * 重新创建编辑器（用于动态注册 NodeView 后更新 schema）
+   * 会整体替换编辑器视图，因此内容与选区都要手动恢复
+   */
+  recreateEditor() {
+    var _a, _b, _c, _d;
+    const previousEditor = this.coreEditor.getEditor();
+    const currentContent = this.coreEditor.getHTML();
+    const { from, to } = previousEditor.state.selection;
+    this.pendingViewState = { from, to };
+    (_a = this.toolbarManager) == null ? void 0 : _a.destroy();
+    (_b = this.tableMenu) == null ? void 0 : _b.destroy();
+    (_c = this.linkPanel) == null ? void 0 : _c.destroy();
+    (_d = this.aiMenuManager) == null ? void 0 : _d.destroy();
+    this.coreEditor.destroy();
+    const editorElement = this.container.querySelector(
+      ".atri-editor-content-wrapper"
+    );
+    const newEditorElement = createContainer("atri-editor-content-wrapper");
+    if (editorElement) {
+      editorElement.replaceWith(newEditorElement);
+    } else {
+      this.container.appendChild(newEditorElement);
+    }
+    this.createCoreEditor({
+      element: newEditorElement,
+      content: currentContent,
+      // 当前内容取自 getHTML()，重建时按 html 回填，不能沿用用户的 contentFormat
+      contentFormat: "html"
+    });
+    this.setupSubsystems();
+  }
   /**
    * 获取 Tiptap Editor 实例
    */
@@ -3103,12 +3870,7 @@ class AtriEditor {
    * 获取选中文本
    */
   getSelectedText() {
-    const { selection } = this.editor.state;
-    if (selection.empty) return "";
-    return getTextBetween(this.editor.state.doc, {
-      from: selection.from,
-      to: selection.to
-    });
+    return getSelectedText(this.editor);
   }
   /**
    * 插入内容
@@ -3137,6 +3899,17 @@ class AtriEditor {
       chain.setAttachment(options).run();
     }
   }
+  /**
+   * 在选区处插入表格（默认 3×3 带表头）
+   */
+  insertTable(options) {
+    if (!canInsertTable(this.editor)) {
+      console.warn("[Atri Editor] insertTable() ignored: table extensions are disabled.");
+      return;
+    }
+    const { rows = 3, cols = 3, withHeaderRow = true } = options ?? {};
+    this.editor.chain().focus().insertTable({ rows, cols, withHeaderRow }).run();
+  }
   /**
    * 走上传管线插入本地文件
    * kind 缺省时按 MIME 分流；promise 在这批文件全部落定（成功或失败）后 resolve
@@ -3275,12 +4048,14 @@ class AtriEditor {
    * 销毁编辑器
    */
   destroy() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     (_a = this.toolbarManager) == null ? void 0 : _a.destroy();
-    (_b = this.aiMenuManager) == null ? void 0 : _b.destroy();
+    (_b = this.tableMenu) == null ? void 0 : _b.destroy();
+    (_c = this.linkPanel) == null ? void 0 : _c.destroy();
+    (_d = this.aiMenuManager) == null ? void 0 : _d.destroy();
     this.coreEditor.destroy();
-    (_c = this.mediaStatus) == null ? void 0 : _c.destroy();
-    (_d = this.mediaRuntime) == null ? void 0 : _d.destroy();
+    (_e = this.mediaStatus) == null ? void 0 : _e.destroy();
+    (_f = this.mediaRuntime) == null ? void 0 : _f.destroy();
     this.bubbleElement = null;
     this.container.remove();
   }
@@ -3430,6 +4205,13 @@ class AtriEditorElement extends AtriEditorBase {
     var _a;
     (_a = this.editor) == null ? void 0 : _a.insertAttachment(options);
   }
+  /**
+   * 在选区处插入表格
+   */
+  insertTable(options) {
+    var _a;
+    (_a = this.editor) == null ? void 0 : _a.insertTable(options);
+  }
   /**
    * 走上传管线插入本地文件
    */
@@ -3480,7 +4262,6 @@ export {
   getCursorContext,
   getDocumentText,
   getSelectedText,
-  isBrowser,
   registerAtriElement,
   resolveElement,
   simpleHtmlToMarkdown,