@lobehub/editor 1.21.3 → 1.22.0

package/es/plugins/common/react/ReactPlainText.js

@@ -47,7 +47,8 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     onPressEnter = _ref.onPressEnter,
     onCompositionStart = _ref.onCompositionStart,
     onCompositionEnd = _ref.onCompositionEnd,
-    onContextMenu = _ref.onContextMenu;
+    onContextMenu = _ref.onContextMenu,
+    onTextChange = _ref.onTextChange;
   var isChat = variant === 'chat';
   var _theme$fontSize = theme.fontSize,
     fontSize = _theme$fontSize === void 0 ? isChat ? 14 : 16 : _theme$fontSize,
@@ -103,10 +104,29 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
       editor.setDocument(type, content);
       setIsInitialized(true);
     }
-    return (_editor$getLexicalEdi = editor.getLexicalEditor()) === null || _editor$getLexicalEdi === void 0 ? void 0 : _editor$getLexicalEdi.registerUpdateListener(function () {
+
+    // Track previous content for onTextChange comparison
+    var previousContent;
+    return (_editor$getLexicalEdi = editor.getLexicalEditor()) === null || _editor$getLexicalEdi === void 0 ? void 0 : _editor$getLexicalEdi.registerUpdateListener(function (_ref2) {
+      var dirtyElements = _ref2.dirtyElements,
+        dirtyLeaves = _ref2.dirtyLeaves;
+      // Always trigger onChange for any update
       onChange === null || onChange === void 0 || onChange(editor);
+
+      // Only trigger onTextChange when content actually changes
+      if (onTextChange && (dirtyElements.size > 0 || dirtyLeaves.size > 0)) {
+        var currentContent = JSON.stringify(editor.getDocument(type));
+        if (previousContent === undefined) {
+          // First update after initialization
+          previousContent = currentContent;
+        } else if (currentContent !== previousContent) {
+          // Content has actually changed
+          previousContent = currentContent;
+          onTextChange(editor);
+        }
+      }
     });
-  }, [editor, type, content, onChange, isInitialized]);
+  }, [editor, type, content, onChange, onTextChange, isInitialized]);
   useEffect(function () {
     if (editor && onPressEnter) {
       return editor.registerHighCommand(KEY_DOWN_COMMAND, function (event) {

package/es/plugins/common/react/type.d.ts

@@ -50,6 +50,11 @@ export interface ReactPlainTextProps {
         editor: IEditor;
         event: KeyboardEvent;
     }) => boolean | void;
+    /**
+     * Callback triggered only when text content changes
+     * Unlike onChange, this won't trigger on cursor movement or selection changes
+     */
+    onTextChange?: (editor: IEditor) => void;
     style?: CSSProperties;
     theme?: CommonPluginOptions['theme'] & {
         fontSize?: number;

package/es/react/Editor/Editor.js

@@ -53,7 +53,8 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
     markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
     onCompositionStart = _ref.onCompositionStart,
     onCompositionEnd = _ref.onCompositionEnd,
-    onContextMenu = _ref.onContextMenu;
+    onContextMenu = _ref.onContextMenu,
+    onTextChange = _ref.onTextChange;
   var _useEditorContent = useEditorContent(),
     config = _useEditorContent.config;
   var enableSlash = Boolean((slashOption === null || slashOption === void 0 ? void 0 : slashOption.items) && slashOption.items.length > 0);
@@ -107,6 +108,7 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
       onFocus: onFocus,
       onKeyDown: onKeyDown,
       onPressEnter: onPressEnter,
+      onTextChange: onTextChange,
       style: style,
       variant: variant,
       children: /*#__PURE__*/_jsx(ReactEditorContent, {

package/es/react/Editor/type.d.ts

@@ -29,6 +29,11 @@ export interface EditorProps extends Partial<ReactEditorContentProps>, Omit<Reac
     };
     mentionOption?: MentionOption;
     onInit?: (editor: IEditor) => void;
+    /**
+     * Callback triggered only when text content changes
+     * Unlike onChange, this won't trigger on cursor movement or selection changes
+     */
+    onTextChange?: (editor: IEditor) => void;
     plugins?: EditorPlugin[];
     slashOption?: Partial<ReactSlashOptionProps>;
     style?: CSSProperties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.21.3",
+  "version": "1.22.0",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",