@ctzhian/tiptap 2.0.0 → 2.1.1

package/dist/extension/extension/ImeComposition.js

@@ -0,0 +1,145 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+
+/**
+ * Extension to fix IME (Input Method Editor) composition issues
+ * 
+ * This extension provides basic IME composition support by tracking composition state
+ * and preventing keyboard handlers from interrupting IME input.
+ * 
+ * Also fixes Safari-specific issue where composition text is deleted after composition ends.
+ * This Safari bug occurs at any input position (not just in tables), so this extension
+ * provides a global fix for all editor instances.
+ */
+var imeCompositionPluginKey = new PluginKey('imeComposition');
+export var ImeComposition = Extension.create({
+  name: 'imeComposition',
+  addProseMirrorPlugins: function addProseMirrorPlugins() {
+    var ZERO_WIDTH_SPACE = "\u200B";
+
+    // 检测是否为 Safari 浏览器
+    var isSafari = function () {
+      if (typeof navigator === 'undefined') return false;
+      var ua = navigator.userAgent;
+      var isAppleMobile = /iP(ad|hone|od)/.test(ua);
+      var isMacSafari = /Safari\//.test(ua) && !/Chrome\//.test(ua);
+      return isAppleMobile || isMacSafari;
+    }();
+
+    // 判断是否为文本节点
+    var isTextNode = function isTextNode(node) {
+      return !!node && node.nodeType === 3;
+    };
+    return [new Plugin({
+      key: imeCompositionPluginKey,
+      state: {
+        init: function init() {
+          return {
+            isComposing: false
+          };
+        },
+        apply: function apply(tr, value) {
+          // 从 transaction meta 中获取组合状态
+          var meta = tr.getMeta(imeCompositionPluginKey);
+          if (meta) {
+            return {
+              isComposing: meta.isComposing
+            };
+          }
+          return value;
+        }
+      },
+      props: {
+        handleKeyDown: function handleKeyDown(view, event) {
+          var pluginState = imeCompositionPluginKey.getState(view.state);
+          // 如果正在输入法组合中，不处理键盘事件
+          // 检查 event.isComposing 和插件状态，确保 IME 输入不被键盘处理器打断
+          if (event.isComposing || pluginState !== null && pluginState !== void 0 && pluginState.isComposing) {
+            return false;
+          }
+          return false;
+        },
+        handleDOMEvents: {
+          // 监听输入法组合开始事件
+          compositionstart: function compositionstart(view, event) {
+            var state = view.state,
+              dispatch = view.dispatch;
+            var tr = state.tr.setMeta(imeCompositionPluginKey, {
+              isComposing: true
+            }).setMeta('composition', true);
+            dispatch(tr);
+            return false;
+          },
+          // 监听输入法组合结束事件
+          compositionend: function compositionend(view, event) {
+            var state = view.state,
+              dispatch = view.dispatch;
+            var tr = state.tr.setMeta(imeCompositionPluginKey, {
+              isComposing: false
+            }).setMeta('composition', false);
+            dispatch(tr);
+            return false;
+          },
+          // Safari 特定的修复：处理中文合成结束后触发的删除合成文本行为
+          // 这个问题在 Safari 中会在任意输入位置出现，不仅仅是 table
+          beforeinput: isSafari ? function (view, event) {
+            // 仅处理 Safari 在中文合成结束后触发的删除合成文本行为
+            var inputEvent = event;
+            if (inputEvent.inputType !== 'deleteCompositionText') {
+              return false;
+            }
+            var selection = window.getSelection();
+            if (!selection || selection.rangeCount === 0) return false;
+            var range = selection.getRangeAt(0);
+            var startContainer = range.startContainer,
+              endContainer = range.endContainer,
+              startOffset = range.startOffset,
+              endOffset = range.endOffset;
+
+            // 如果选中的是整个文本节点，在节点前插入零宽空格防止被删除
+            if (isTextNode(startContainer) && startContainer === endContainer && startOffset === 0 && endOffset === startContainer.length) {
+              var _startContainer$paren;
+              (_startContainer$paren = startContainer.parentElement) === null || _startContainer$paren === void 0 || _startContainer$paren.insertBefore(document.createTextNode(ZERO_WIDTH_SPACE), startContainer);
+            }
+            // 让 ProseMirror 照常处理
+            return false;
+          } : undefined,
+          // Safari 特定的修复：清理零宽空格
+          input: isSafari ? function (view, event) {
+            var inputEvent = event;
+            if (inputEvent.inputType !== 'deleteCompositionText') {
+              return false;
+            }
+            var selection = window.getSelection();
+            if (!selection || selection.rangeCount === 0) return false;
+            var range = selection.getRangeAt(0);
+            var node = range.startContainer;
+            var parentEl = (node === null || node === void 0 ? void 0 : node.parentElement) || null;
+            if (!parentEl) return false;
+            var textNodes = Array.from(parentEl.childNodes).filter(isTextNode);
+            var _iterator = _createForOfIteratorHelper(textNodes),
+              _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                var textNode = _step.value;
+                if (textNode.textContent === ZERO_WIDTH_SPACE) {
+                  textNode.remove();
+                } else if (textNode.textContent && textNode.textContent.includes(ZERO_WIDTH_SPACE)) {
+                  textNode.textContent = textNode.textContent.split(ZERO_WIDTH_SPACE).join('');
+                }
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+            return false;
+          } : undefined
+        }
+      }
+    })];
+  }
+});

package/dist/extension/extension/index.d.ts

@@ -1,3 +1,4 @@
 export * from './AiWriting';
+export * from './ImeComposition';
 export * from './SlashCommands';
 export * from './StructuredDiff';

package/dist/extension/extension/index.js

@@ -1,3 +1,4 @@
 export * from "./AiWriting";
+export * from "./ImeComposition";
 export * from "./SlashCommands";
 export * from "./StructuredDiff";

package/dist/extension/index.js

@@ -12,7 +12,7 @@ import { CharacterCount, Placeholder } from '@tiptap/extensions';
 import { Markdown } from '@tiptap/markdown';
 import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
-import { AiWritingExtension, SlashCommands, StructuredDiffExtension } from "./extension";
+import { AiWritingExtension, ImeComposition, SlashCommands, StructuredDiffExtension } from "./extension";
 import { CodeExtension } from "./mark/Code";
 import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, CustomSubscript, CustomSuperscript, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, FlowExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContentsExtension, UploadProgressExtension, VerticalAlign, VideoExtension, YamlFormat, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
@@ -30,7 +30,7 @@ export var getExtensions = function getExtensions(_ref) {
     onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion,
     onValidateUrl = _ref.onValidateUrl,
     _placeholder = _ref.placeholder;
-  var defaultExtensions = [StarterKit.configure({
+  var defaultExtensions = [ImeComposition, StarterKit.configure({
     link: false,
     code: false,
     codeBlock: false,

package/dist/extension/node/CodeBlockLowlight.js

@@ -36,8 +36,9 @@ var CustomCodeBlock = CodeBlockLowlight.configure({
     });
   },
   parseMarkdown: function parseMarkdown(token, helpers) {
-    var _token$raw;
-    if (((_token$raw = token.raw) === null || _token$raw === void 0 ? void 0 : _token$raw.startsWith('```')) === false && token.codeBlockStyle !== 'indented') {
+    var isFenced = token.codeBlockStyle === 'fenced' || token.raw && /^\s*```/.test(token.raw);
+    var isIndented = token.codeBlockStyle === 'indented';
+    if (!isFenced && !isIndented) {
       return [];
     }
     if (token.lang === 'mermaid') {

package/dist/extension/node/Flow/index.d.ts

@@ -3,9 +3,6 @@ import { Node } from '@tiptap/core';
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         flow: {
-            /**
-             * Insert a flow diagram
-             */
             setFlow: (options: {
                 code?: string;
                 width?: string | number;

package/dist/extension/node/Flow/index.js

@@ -16,6 +16,9 @@ export var FlowExtension = function FlowExtension(props) {
     draggable: true,
     addAttributes: function addAttributes() {
       return {
+        class: {
+          default: 'flow-wrapper'
+        },
         code: {
           default: '',
           parseHTML: function parseHTML(element) {
@@ -29,9 +32,9 @@ export var FlowExtension = function FlowExtension(props) {
           }
         },
         width: {
-          default: '100%',
+          default: null,
           parseHTML: function parseHTML(element) {
-            return element.getAttribute('data-width') || '100%';
+            return element.getAttribute('data-width') || null;
           },
           renderHTML: function renderHTML(attributes) {
             if (!attributes.width) return {};
@@ -48,7 +51,7 @@ export var FlowExtension = function FlowExtension(props) {
         getAttrs: function getAttrs(dom) {
           if (!(dom instanceof HTMLElement)) return false;
           var code = dom.getAttribute('data-code') || '';
-          var width = dom.getAttribute('data-width') || '100%';
+          var width = dom.getAttribute('data-width') || null;
           return {
             code: code,
             width: width
@@ -84,7 +87,7 @@ export var FlowExtension = function FlowExtension(props) {
               type: _this.name,
               attrs: {
                 code: options.code || '',
-                width: options.width || '100%'
+                width: options.width || null
               }
             });
           };

package/dist/extension/node/Link/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { getLinkTitle } from "../../../util";
+import { getLinkAttributesWithSelectedText, getLinkTitle } from "../../../util";
 import { mergeAttributes, Node, nodePasteRule } from '@tiptap/core';
 import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { ReactNodeViewRenderer } from '@tiptap/react';
@@ -361,10 +361,11 @@ export var InlineLinkExtension = Node.create({
     var _this6 = this;
     return {
       'Mod-1': function Mod1() {
-        return _this6.editor.commands.setInlineLink({
+        var linkAttributes = getLinkAttributesWithSelectedText(_this6.editor);
+        return _this6.editor.commands.setInlineLink(_objectSpread({
           href: '',
           type: 'icon'
-        });
+        }, linkAttributes));
       }
     };
   },

package/dist/extension/node/Table.js

@@ -1,5 +1,4 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -27,7 +26,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 import { Extension } from '@tiptap/core';
 import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table';
-import { Plugin, TextSelection } from '@tiptap/pm/state';
+import { TextSelection } from '@tiptap/pm/state';
 import { TableView } from '@tiptap/pm/tables';
 import { TableHandleExtension } from "./TableHandler";
 export var TableExtension = function TableExtension(_ref) {
@@ -48,11 +47,13 @@ export var TableExtension = function TableExtension(_ref) {
             _defineProperty(_assertThisInitialized(_this2), "tableWrapper", void 0);
             _defineProperty(_assertThisInitialized(_this2), "innerTableContainer", void 0);
             _defineProperty(_assertThisInitialized(_this2), "widgetsContainer", void 0);
+            _defineProperty(_assertThisInitialized(_this2), "selectionOverlayContainer", void 0);
             _defineProperty(_assertThisInitialized(_this2), "containerAttributes", void 0);
             _this2.containerAttributes = containerAttributes !== null && containerAttributes !== void 0 ? containerAttributes : {};
             _this2.tableWrapper = _this2.createTableWrapper();
             _this2.innerTableContainer = _this2.createInnerTableContainer();
             _this2.widgetsContainer = _this2.createWidgetsContainer();
+            _this2.selectionOverlayContainer = _this2.createSelectionOverlayContainer();
             _this2.setupDOMStructure();
             return _this2;
           }
@@ -60,7 +61,7 @@ export var TableExtension = function TableExtension(_ref) {
             key: "createTableWrapper",
             value: function createTableWrapper() {
               var container = document.createElement('div');
-              container.className = 'tableWrapper';
+              container.setAttribute("data-content-type", "table");
               this.applyContainerAttributes(container);
               return container;
             }
@@ -79,6 +80,14 @@ export var TableExtension = function TableExtension(_ref) {
               container.style.position = 'relative';
               return container;
             }
+          }, {
+            key: "createSelectionOverlayContainer",
+            value: function createSelectionOverlayContainer() {
+              var container = document.createElement('div');
+              container.className = 'table-selection-overlay-container';
+              container.style.position = 'relative';
+              return container;
+            }
           }, {
             key: "applyContainerAttributes",
             value: function applyContainerAttributes(element) {
@@ -96,13 +105,11 @@ export var TableExtension = function TableExtension(_ref) {
             value: function setupDOMStructure() {
               var originalTable = this.dom;
               var tableElement = originalTable.firstChild;
-
-              // Move table into inner container
               this.innerTableContainer.appendChild(tableElement);
-
-              // Build the hierarchy: tableWrapper > innerContainer + widgetsContainer
-              this.tableWrapper.appendChild(this.innerTableContainer);
-              this.tableWrapper.appendChild(this.widgetsContainer);
+              originalTable.appendChild(this.innerTableContainer);
+              originalTable.appendChild(this.widgetsContainer);
+              originalTable.appendChild(this.selectionOverlayContainer);
+              this.tableWrapper.appendChild(originalTable);
               this.dom = this.tableWrapper;
             }
           }, {
@@ -133,6 +140,8 @@ export var TableExtension = function TableExtension(_ref) {
         class: 'table-container'
       }, originalRender], ['div', {
         class: 'table-controls'
+      }], ['div', {
+        class: 'table-selection-overlay-container'
       }]];
       return wrapper;
     },
@@ -357,79 +366,6 @@ export var TableExtension = function TableExtension(_ref) {
     }
   }), editable ? TableHandleExtension : Extension.create({
     name: 'tableHandleExtension'
-  }), Extension.create({
-    name: 'safariCompositionDeleteFix',
-    addProseMirrorPlugins: function addProseMirrorPlugins() {
-      if (!editable) return [];
-      var ZERO_WIDTH_SPACE = "\u200B";
-      var isSafari = function () {
-        if (typeof navigator === 'undefined') return false;
-        var ua = navigator.userAgent;
-        var isAppleMobile = /iP(ad|hone|od)/.test(ua);
-        var isMacSafari = /Safari\//.test(ua) && !/Chrome\//.test(ua);
-        return isAppleMobile || isMacSafari;
-      }();
-      if (!isSafari) return [];
-
-      // 注意：这里不能使用上面从 ProseMirror 导入的 Node 类型，需判断 DOM 文本节点
-      var isTextNode = function isTextNode(node) {
-        return !!node && node.nodeType === 3;
-      };
-      return [new Plugin({
-        props: {
-          handleDOMEvents: {
-            beforeinput: function beforeinput(_view, event) {
-              // 仅处理 Safari 在中文合成结束后触发的删除合成文本行为
-              if (event.inputType !== 'deleteCompositionText') {
-                return false;
-              }
-              var selection = window.getSelection();
-              if (!selection || selection.rangeCount === 0) return false;
-              var range = selection.getRangeAt(0);
-              var startContainer = range.startContainer,
-                endContainer = range.endContainer,
-                startOffset = range.startOffset,
-                endOffset = range.endOffset;
-              if (isTextNode(startContainer) && startContainer === endContainer && startOffset === 0 && endOffset === startContainer.length) {
-                var _startContainer$paren;
-                (_startContainer$paren = startContainer.parentElement) === null || _startContainer$paren === void 0 || _startContainer$paren.insertBefore(document.createTextNode(ZERO_WIDTH_SPACE), startContainer);
-              }
-              // 让 ProseMirror 照常处理
-              return false;
-            },
-            input: function input(_view, event) {
-              if (event.inputType !== 'deleteCompositionText') {
-                return false;
-              }
-              var selection = window.getSelection();
-              if (!selection || selection.rangeCount === 0) return false;
-              var range = selection.getRangeAt(0);
-              var node = range.startContainer;
-              var parentEl = (node === null || node === void 0 ? void 0 : node.parentElement) || null;
-              if (!parentEl) return false;
-              var textNodes = Array.from(parentEl.childNodes).filter(isTextNode);
-              var _iterator = _createForOfIteratorHelper(textNodes),
-                _step;
-              try {
-                for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                  var textNode = _step.value;
-                  if (textNode.textContent === ZERO_WIDTH_SPACE) {
-                    textNode.remove();
-                  } else if (textNode.textContent && textNode.textContent.includes(ZERO_WIDTH_SPACE)) {
-                    textNode.textContent = textNode.textContent.split(ZERO_WIDTH_SPACE).join('');
-                  }
-                }
-              } catch (err) {
-                _iterator.e(err);
-              } finally {
-                _iterator.f();
-              }
-              return false;
-            }
-          }
-        }
-      })];
-    }
   })];
 };
 export default TableExtension;

package/dist/extension/node/TableOfContents/index.d.ts

@@ -1,4 +1,6 @@
 import { TocList } from "../../../type";
-export declare const TableOfContentsExtension: ({ onTocUpdate }: {
-    onTocUpdate?: ((toc: TocList) => void) | undefined;
-}) => import("@tiptap/core").Extension<import("@tiptap/extension-table-of-contents").TableOfContentsOptions, import("@tiptap/extension-table-of-contents").TableOfContentsStorage>;
+interface TableOfContentsOptions {
+    onTocUpdate?: (toc: TocList) => void;
+}
+export declare const TableOfContentsExtension: ({ onTocUpdate }: TableOfContentsOptions) => import("@tiptap/core").Extension<import("@tiptap/extension-table-of-contents").TableOfContentsOptions, import("@tiptap/extension-table-of-contents").TableOfContentsStorage>;
+export {};

package/dist/extension/node/TableOfContents/index.js

@@ -1,7 +1,27 @@
 import { getHierarchicalIndexes, TableOfContents } from '@tiptap/extension-table-of-contents';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
 export var TableOfContentsExtension = function TableOfContentsExtension(_ref) {
   var onTocUpdate = _ref.onTocUpdate;
-  return TableOfContents.configure({
+  return TableOfContents.extend({
+    addProseMirrorPlugins: function addProseMirrorPlugins() {
+      var imeCompositionPluginKey = new PluginKey('imeComposition');
+      return [new Plugin({
+        key: new PluginKey('tableOfContentImeFix'),
+        appendTransaction: function appendTransaction(transactions, _oldState, newState) {
+          if (transactions.some(function (tr) {
+            return tr.getMeta('composition');
+          })) {
+            return null;
+          }
+          var imePluginState = imeCompositionPluginKey.getState(newState);
+          if (imePluginState !== null && imePluginState !== void 0 && imePluginState.isComposing) {
+            return null;
+          }
+          return null;
+        }
+      })];
+    }
+  }).configure({
     getIndex: getHierarchicalIndexes,
     onUpdate: function onUpdate(data) {
       setTimeout(function () {
@@ -17,7 +37,7 @@ export var TableOfContentsExtension = function TableOfContentsExtension(_ref) {
             textContent: content.textContent
           };
         }));
-      }, 0);
+      }, 60);
     }
   });
 };

package/dist/extension/node/Video.d.ts

@@ -9,6 +9,7 @@ declare module '@tiptap/core' {
             setVideo: (options: {
                 src: string;
                 width?: number;
+                align?: 'left' | 'center' | 'right';
                 controls?: boolean;
                 autoplay?: boolean;
                 loop?: boolean;

package/dist/extension/node/Video.js

@@ -107,16 +107,33 @@ export var VideoExtension = function VideoExtension(props) {
           }
         },
         width: {
-          default: 760,
+          default: null,
           parseHTML: function parseHTML(element) {
             var width = element.getAttribute('width');
-            return width ? parseInt(width, 10) : 760;
+            if (width) {
+              if (width.endsWith('%')) return width;
+              var numWidth = parseInt(width, 10);
+              return isNaN(numWidth) ? null : numWidth;
+            }
+            return null;
           },
           renderHTML: function renderHTML(attributes) {
             return {
               width: attributes.width
             };
           }
+        },
+        align: {
+          default: null,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-align');
+          },
+          renderHTML: function renderHTML(attributes) {
+            if (!attributes.align) return {};
+            return {
+              'data-align': attributes.align
+            };
+          }
         }
       };
     },
@@ -127,6 +144,18 @@ export var VideoExtension = function VideoExtension(props) {
           if (!(dom instanceof HTMLElement)) return false;
           var src = dom.getAttribute('src');
           if (!src) return false;
+          var widthAttr = dom.getAttribute('width');
+          var width = 760;
+          if (widthAttr) {
+            // 如果是百分比，保留字符串格式
+            if (widthAttr.endsWith('%')) {
+              width = widthAttr;
+            } else {
+              // 否则解析为数字
+              var numWidth = parseInt(widthAttr, 10);
+              width = isNaN(numWidth) ? 760 : numWidth;
+            }
+          }
           return {
             src: src,
             controls: dom.hasAttribute('controls'),
@@ -134,7 +163,8 @@ export var VideoExtension = function VideoExtension(props) {
             loop: dom.hasAttribute('loop'),
             muted: dom.hasAttribute('muted'),
             poster: dom.getAttribute('poster'),
-            width: dom.getAttribute('width') ? parseInt(dom.getAttribute('width'), 10) : 760
+            width: width,
+            align: dom.getAttribute('data-align') || dom.getAttribute('align')
           };
         }
       }];
@@ -151,9 +181,10 @@ export var VideoExtension = function VideoExtension(props) {
         autoplay = _ref2.autoplay,
         loop = _ref2.loop,
         muted = _ref2.muted,
-        poster = _ref2.poster;
+        poster = _ref2.poster,
+        align = _ref2['data-align'];
       if (!src) return '';
-      return "<video src=\"".concat(src, "\" ").concat(width ? "width=\"".concat(width, "\"") : '', " ").concat(controls ? 'controls' : '', " ").concat(autoplay ? 'autoplay' : '', " ").concat(loop ? 'loop' : '', " ").concat(muted ? 'muted' : '', " ").concat(poster ? "poster=\"".concat(poster, "\"") : '', "></video>");
+      return "<video src=\"".concat(src, "\" ").concat(width ? "width=\"".concat(width, "\"") : '', " ").concat(controls ? 'controls' : '', " ").concat(autoplay ? 'autoplay' : '', " ").concat(loop ? 'loop' : '', " ").concat(muted ? 'muted' : '', " ").concat(poster ? "poster=\"".concat(poster, "\"") : '', " ").concat(align ? "data-align=\"".concat(align, "\"") : '', "></video>");
     },
     addCommands: function addCommands() {
       var _this2 = this;
@@ -170,7 +201,8 @@ export var VideoExtension = function VideoExtension(props) {
                 autoplay: options.autoplay || false,
                 loop: options.loop || false,
                 muted: options.muted || false,
-                poster: options.poster || null
+                poster: options.poster || null,
+                align: options.align || null
               }
             });
           };

package/dist/hook/index.js

@@ -50,7 +50,7 @@ var useTiptap = function useTiptap(_ref) {
     editorProps: {
       handleKeyDown: function handleKeyDown(view, event) {
         // 编辑模式下保存
-        if (event.key === 's' && (event.metaKey || event.ctrlKey) && editable) {
+        if (event.key === 's' && (event.metaKey || event.ctrlKey) && editable && onSave) {
           event.preventDefault();
           onSave === null || onSave === void 0 || onSave(editor);
           return true;