@lobehub/editor 3.10.0 → 3.11.0

package/es/plugins/common/plugin/index.d.ts

@@ -17,6 +17,11 @@ export interface CommonPluginOptions {
         underline?: boolean;
         underlineStrikethrough?: boolean;
     };
+    /**
+     * Force paste as plain text, stripping all rich text formatting
+     * @default false
+     */
+    pasteAsPlainText?: boolean;
     theme?: {
         quote?: string;
         textBold?: string;

package/es/plugins/common/plugin/index.js

@@ -1,4 +1,5 @@
 var _class;
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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); }
@@ -25,7 +26,7 @@ import { registerDragonSupport } from '@lexical/dragon';
 import { registerHistory } from '@lexical/history';
 import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode, HeadingNode, QuoteNode, registerRichText } from '@lexical/rich-text';
 import { CAN_USE_DOM } from '@lexical/utils';
-import { $createLineBreakNode, $createParagraphNode, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, PASTE_COMMAND, ParagraphNode, TEXT_TYPE_TO_FORMAT, TextNode } from 'lexical';
+import { $createLineBreakNode, $createParagraphNode, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, CONTROLLED_TEXT_INSERTION_COMMAND, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, PASTE_COMMAND, ParagraphNode, TEXT_TYPE_TO_FORMAT, TextNode } from 'lexical';
 import { noop } from "../../../editor-kernel";
 import { INodeHelper } from "../../../editor-kernel/inode/helper";
 import { KernelPlugin } from "../../../editor-kernel/plugin";
@@ -349,10 +350,40 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       var _this2 = this,
         _this$config2;
       this.register(this.kernel.registerHighCommand(PASTE_COMMAND, function (event) {
+        var _this2$config;
         if (!(event instanceof ClipboardEvent)) return false;
         var clipboardData = event.clipboardData;
         if (!clipboardData) return false;
         _this2.kernel.emit('onPaste', event);
+
+        // If pasteAsPlainText is enabled, intercept and paste as plain text
+        if ((_this2$config = _this2.config) !== null && _this2$config !== void 0 && _this2$config.pasteAsPlainText) {
+          // Check if it's a file paste - don't interfere with file uploads
+          var items = clipboardData.items;
+          var _iterator = _createForOfIteratorHelper(items),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var item = _step.value;
+              if (item.kind === 'file') {
+                return false; // Let file paste be handled normally
+              }
+            }
+
+            // Get plain text from clipboard
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          var text = clipboardData.getData('text/plain');
+          if (!text) return false;
+
+          // Prevent default paste behavior and insert plain text
+          event.preventDefault();
+          editor.dispatchCommand(CONTROLLED_TEXT_INSERTION_COMMAND, text);
+          return true;
+        }
         return false;
       }, COMMAND_PRIORITY_CRITICAL));
       this.registerClears(registerRichText(editor), CAN_USE_DOM ? registerDragonSupport(editor) : noop, registerHistory(editor, this.kernel.getHistoryState(), 300), registerHeaderBackspace(editor), registerRichKeydown(editor, this.kernel, {

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

@@ -44,6 +44,8 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     enablePasteMarkdown = _ref$enablePasteMarkd === void 0 ? true : _ref$enablePasteMarkd,
     _ref$markdownOption = _ref.markdownOption,
     markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
+    _ref$pasteAsPlainText = _ref.pasteAsPlainText,
+    pasteAsPlainText = _ref$pasteAsPlainText === void 0 ? false : _ref$pasteAsPlainText,
     onKeyDown = _ref.onKeyDown,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
@@ -109,9 +111,10 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     editor.registerPlugin(CommonPlugin, {
       enableHotkey: enableHotkey,
       markdownOption: markdownOption,
+      pasteAsPlainText: pasteAsPlainText,
       theme: restTheme ? _objectSpread(_objectSpread({}, computedThemeStyles), restTheme) : computedThemeStyles
     });
-  }, [editor, enableHotkey, enablePasteMarkdown, markdownOption, restTheme, computedThemeStyles]);
+  }, [editor, enableHotkey, enablePasteMarkdown, markdownOption, pasteAsPlainText, restTheme, computedThemeStyles]);
   useEffect(function () {
     var _editor$getLexicalEdi;
     var container = editorContainerRef.current;

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

@@ -57,6 +57,11 @@ export interface ReactPlainTextProps {
      * Unlike onChange, this won't trigger on cursor movement or selection changes
      */
     onTextChange?: (editor: IEditor) => void;
+    /**
+     * Force paste as plain text, stripping all rich text formatting
+     * @default false
+     */
+    pasteAsPlainText?: boolean;
     style?: CSSProperties;
     theme?: CommonPluginOptions['theme'] & {
         fontSize?: number;

package/es/react/Editor/Editor.js

@@ -57,6 +57,8 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
     enablePasteMarkdown = _ref$enablePasteMarkd === void 0 ? true : _ref$enablePasteMarkd,
     _ref$markdownOption = _ref.markdownOption,
     markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
+    _ref$pasteAsPlainText = _ref.pasteAsPlainText,
+    pasteAsPlainText = _ref$pasteAsPlainText === void 0 ? false : _ref$pasteAsPlainText,
     onCompositionStart = _ref.onCompositionStart,
     onCompositionEnd = _ref.onCompositionEnd,
     onContextMenu = _ref.onContextMenu,
@@ -124,6 +126,7 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
       onKeyDown: onKeyDown,
       onPressEnter: onPressEnter,
       onTextChange: debouncedOnTextChange,
+      pasteAsPlainText: pasteAsPlainText,
       style: style,
       variant: variant,
       children: /*#__PURE__*/_jsx(ReactEditorContent, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "3.10.0",
+  "version": "3.11.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",