@lobehub/editor 1.14.2 → 1.16.0

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

@@ -1,6 +1,20 @@
 import type { IEditorPluginConstructor } from "../../../types";
 export interface CommonPluginOptions {
     enableHotkey?: boolean;
+    /**
+     * Enable/disable markdown shortcuts
+     * @default true - all formats enabled
+     */
+    markdownOption?: boolean | {
+        bold?: boolean;
+        code?: boolean;
+        header?: boolean;
+        italic?: boolean;
+        quote?: boolean;
+        strikethrough?: boolean;
+        underline?: boolean;
+        underlineStrikethrough?: boolean;
+    };
     theme?: {
         quote?: string;
         textBold?: string;

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

@@ -1,11 +1,11 @@
 var _class;
-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 _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); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -33,8 +33,8 @@ import TextDataSource from "../data-source/text-data-source";
 import { patchBreakLine, registerBreakLineClick } from "../node/ElementDOMSlot";
 import { CursorNode, registerCursorNode } from "../node/cursor";
 import { createBlockNode } from "../utils";
-import { registerHeaderBackspace, registerLastElement, registerRichKeydown } from "./register";
 import { registerMDReader } from "./mdReader";
+import { registerHeaderBackspace, registerLastElement, registerRichKeydown } from "./register";
 patchBreakLine();
 export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(CommonPlugin, _KernelPlugin);
@@ -73,64 +73,112 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _createClass(CommonPlugin, [{
     key: "registerMarkdown",
     value: function registerMarkdown(kernel) {
+      var _this$config$markdown, _this$config;
       var markdownService = kernel.requireService(IMarkdownShortCutService);
       if (!markdownService) {
         return;
       }
-      markdownService.registerMarkdownShortCut({
-        regExp: /^>\s/,
-        replace: function replace(parentNode, children, _match, isImport) {
-          if (isImport) {
-            var previousNode = parentNode.getPreviousSibling();
-            if ($isQuoteNode(previousNode)) {
-              previousNode.splice(previousNode.getChildrenSize(), 0, [$createLineBreakNode()].concat(_toConsumableArray(children)));
-              parentNode.remove();
-              return;
+
+      // Parse markdown options
+      var markdownOption = (_this$config$markdown = (_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.markdownOption) !== null && _this$config$markdown !== void 0 ? _this$config$markdown : true;
+      var isMarkdownEnabled = markdownOption !== false;
+
+      // Determine which formats are enabled
+      var formats = {
+        bold: true,
+        header: true,
+        italic: true,
+        quote: true,
+        strikethrough: true
+        // Note: code, underline, underlineStrikethrough are handled by other plugins/writers
+      };
+      if (_typeof(markdownOption) === 'object') {
+        var _markdownOption$bold, _markdownOption$heade, _markdownOption$itali, _markdownOption$quote, _markdownOption$strik;
+        formats.bold = (_markdownOption$bold = markdownOption.bold) !== null && _markdownOption$bold !== void 0 ? _markdownOption$bold : true;
+        formats.header = (_markdownOption$heade = markdownOption.header) !== null && _markdownOption$heade !== void 0 ? _markdownOption$heade : true;
+        formats.italic = (_markdownOption$itali = markdownOption.italic) !== null && _markdownOption$itali !== void 0 ? _markdownOption$itali : true;
+        formats.quote = (_markdownOption$quote = markdownOption.quote) !== null && _markdownOption$quote !== void 0 ? _markdownOption$quote : true;
+        formats.strikethrough = (_markdownOption$strik = markdownOption.strikethrough) !== null && _markdownOption$strik !== void 0 ? _markdownOption$strik : true;
+      }
+      if (!isMarkdownEnabled) {
+        return;
+      }
+
+      // Register quote shortcut if enabled
+      if (formats.quote) {
+        markdownService.registerMarkdownShortCut({
+          regExp: /^>\s/,
+          replace: function replace(parentNode, children, _match, isImport) {
+            if (isImport) {
+              var previousNode = parentNode.getPreviousSibling();
+              if ($isQuoteNode(previousNode)) {
+                previousNode.splice(previousNode.getChildrenSize(), 0, [$createLineBreakNode()].concat(_toConsumableArray(children)));
+                parentNode.remove();
+                return;
+              }
             }
-          }
-          var node = $createQuoteNode();
-          node.append.apply(node, _toConsumableArray(children));
-          parentNode.replace(node);
-          if (!isImport) {
-            node.select(0, 0);
-          }
-        },
-        type: 'element'
-      });
-      markdownService.registerMarkdownShortCut({
-        regExp: /^(#{1,6})\s/,
-        replace: createBlockNode(function (match, parentNode) {
-          var tag = 'h' + match[1].length;
-          if ($isHeadingNode(parentNode) && parentNode.getTag() === tag) {
-            return $createParagraphNode();
-          }
-          return $createHeadingNode(tag);
-        }),
-        type: 'element'
-      });
-      markdownService.registerMarkdownShortCuts([{
-        format: ['bold'],
-        tag: '**',
-        type: 'text-format'
-      }, {
-        format: ['bold'],
-        intraword: false,
-        tag: '__',
-        type: 'text-format'
-      }, {
-        format: ['strikethrough'],
-        tag: '~~',
-        type: 'text-format'
-      }, {
-        format: ['italic'],
-        tag: '*',
-        type: 'text-format'
-      }, {
-        format: ['italic'],
-        intraword: false,
-        tag: '_',
-        type: 'text-format'
-      }, {
+            var node = $createQuoteNode();
+            node.append.apply(node, _toConsumableArray(children));
+            parentNode.replace(node);
+            if (!isImport) {
+              node.select(0, 0);
+            }
+          },
+          type: 'element'
+        });
+      }
+
+      // Register header shortcut if enabled
+      if (formats.header) {
+        markdownService.registerMarkdownShortCut({
+          regExp: /^(#{1,6})\s/,
+          replace: createBlockNode(function (match, parentNode) {
+            var tag = 'h' + match[1].length;
+            if ($isHeadingNode(parentNode) && parentNode.getTag() === tag) {
+              return $createParagraphNode();
+            }
+            return $createHeadingNode(tag);
+          }),
+          type: 'element'
+        });
+      }
+
+      // Register text format shortcuts based on enabled formats
+      var textFormatShortcuts = [];
+      if (formats.bold) {
+        textFormatShortcuts.push({
+          format: ['bold'],
+          tag: '**',
+          type: 'text-format'
+        }, {
+          format: ['bold'],
+          intraword: false,
+          tag: '__',
+          type: 'text-format'
+        });
+      }
+      if (formats.strikethrough) {
+        textFormatShortcuts.push({
+          format: ['strikethrough'],
+          tag: '~~',
+          type: 'text-format'
+        });
+      }
+      if (formats.italic) {
+        textFormatShortcuts.push({
+          format: ['italic'],
+          tag: '*',
+          type: 'text-format'
+        }, {
+          format: ['italic'],
+          intraword: false,
+          tag: '_',
+          type: 'text-format'
+        });
+      }
+
+      // Always register superscript and subscript (not in options)
+      textFormatShortcuts.push({
         format: ['superscript'],
         tag: '^',
         type: 'text-format'
@@ -138,7 +186,10 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         format: ['subscript'],
         tag: '~',
         type: 'text-format'
-      }]);
+      });
+      if (textFormatShortcuts.length > 0) {
+        markdownService.registerMarkdownShortCuts(textFormatShortcuts);
+      }
       markdownService.registerMarkdownWriter('paragraph', function (ctx) {
         ctx.wrap('', '\n\n');
       });
@@ -263,9 +314,9 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   }, {
     key: "onInit",
     value: function onInit(editor) {
-      var _this$config;
+      var _this$config2;
       this.registerClears(registerRichText(editor), registerDragonSupport(editor), registerHistory(editor, createEmptyHistoryState(), 300), registerHeaderBackspace(editor), registerRichKeydown(editor, this.kernel, {
-        enableHotkey: (_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.enableHotkey
+        enableHotkey: (_this$config2 = this.config) === null || _this$config2 === void 0 ? void 0 : _this$config2.enableHotkey
       }), registerCommands(editor), registerBreakLineClick(editor), registerCursorNode(editor), registerLastElement(editor));
       this.registerMarkdown(this.kernel);
     }

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

@@ -1,7 +1,7 @@
 'use client';
 
-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); }
 var _excluded = ["fontSize", "headerMultiple", "lineHeight", "marginMultiple"];
+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 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 _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; }
@@ -36,6 +36,10 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     variant = _ref.variant,
     _ref$enableHotkey = _ref.enableHotkey,
     enableHotkey = _ref$enableHotkey === void 0 ? true : _ref$enableHotkey,
+    _ref$enablePasteMarkd = _ref.enablePasteMarkdown,
+    enablePasteMarkdown = _ref$enablePasteMarkd === void 0 ? true : _ref$enablePasteMarkd,
+    _ref$markdownOption = _ref.markdownOption,
+    markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
     onKeyDown = _ref.onKeyDown,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
@@ -59,7 +63,7 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
     editor = _useLexicalComposerCo2[0];
   var decorators = useDecorators(editor, LexicalErrorBoundary);
-  var _useThemeStyles = useThemeStyles(),
+  var _useThemeStyles = useThemeStyles(markdownOption),
     themeStyles = _useThemeStyles.styles;
   var _useStyles = useStyles({
       fontSize: fontSize,
@@ -79,12 +83,15 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     content = _Children$only$props.content,
     placeholder = _Children$only$props.placeholder;
   useLayoutEffect(function () {
-    editor.registerPlugin(MarkdownPlugin);
+    editor.registerPlugin(MarkdownPlugin, {
+      enablePasteMarkdown: enablePasteMarkdown
+    });
     editor.registerPlugin(CommonPlugin, {
       enableHotkey: enableHotkey,
+      markdownOption: markdownOption,
       theme: restTheme ? _objectSpread(_objectSpread({}, themeStyles), restTheme) : themeStyles
     });
-  }, [editor, enableHotkey, restTheme, themeStyles]);
+  }, [editor, enableHotkey, enablePasteMarkdown, markdownOption, restTheme, themeStyles]);
   useEffect(function () {
     var _editor$getLexicalEdi;
     var container = editorContainerRef.current;
@@ -159,7 +166,7 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     });
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: cx(styles.root, styles.variant, className),
+    className: cx(styles.root, markdownOption === true && styles.variant, markdownOption === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.header === true && styles.header, _typeof(markdownOption) === 'object' && markdownOption.header === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.code === true && styles.code, _typeof(markdownOption) === 'object' && markdownOption.quote === true && styles.blockquote, className),
     style: style,
     children: [/*#__PURE__*/_jsx("div", {
       contentEditable: true,

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

@@ -1,4 +1,13 @@
-export declare const useThemeStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+export declare const useThemeStyles: (props?: boolean | {
+    bold?: boolean | undefined;
+    code?: boolean | undefined;
+    header?: boolean | undefined;
+    italic?: boolean | undefined;
+    quote?: boolean | undefined;
+    strikethrough?: boolean | undefined;
+    underline?: boolean | undefined;
+    underlineStrikethrough?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
     quote: string;
     textBold: import("antd-style").SerializedStyles;
     textCode: string;
@@ -13,6 +22,11 @@ export declare const useStyles: (props?: {
     lineHeight?: number | undefined;
     marginMultiple?: number | undefined;
 } | undefined) => import("antd-style").ReturnStyles<{
+    blockquote: import("antd-style").SerializedStyles;
+    code: import("antd-style").SerializedStyles;
+    header: import("antd-style").SerializedStyles;
+    noHeader: import("antd-style").SerializedStyles;
+    p: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;
     variant: string;
 }>;

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

@@ -1,17 +1,19 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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); }
 import { createStyles } from 'antd-style';
 export var useThemeStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
+  var markdownOption = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   return {
     quote: 'editor_quote',
-    textBold: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-weight: bold;\n  "]))),
+    textBold: markdownOption === true || _typeof(markdownOption) === 'object' && markdownOption.bold === true ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n              font-weight: bold;\n            "]))) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              font-weight: unset;\n            "]))),
     textCode: 'editor_code',
-    textItalic: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-style: italic;\n  "]))),
-    textStrikethrough: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    color: ", ";\n    text-decoration: line-through;\n  "])), token.colorTextDescription),
-    textUnderline: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    text-decoration: underline;\n  "]))),
-    textUnderlineStrikethrough: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    text-decoration: underline line-through;\n  "])))
+    textItalic: markdownOption === true || _typeof(markdownOption) === 'object' && markdownOption.italic === true ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              font-style: italic;\n            "]))) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              font-style: unset;\n            "]))),
+    textStrikethrough: markdownOption === true || _typeof(markdownOption) === 'object' && markdownOption.strikethrough === true ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n              color: ", ";\n              text-decoration: line-through;\n            "])), token.colorTextDescription) : css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n              text-decoration: unset;\n            "]))),
+    textUnderline: markdownOption === true || _typeof(markdownOption) === 'object' && markdownOption.strikethrough === true ? css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n              text-decoration: underline;\n            "]))) : css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n              text-decoration: unset;\n            "]))),
+    textUnderlineStrikethrough: markdownOption === true || _typeof(markdownOption) === 'object' && markdownOption.underlineStrikethrough === true ? css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n              text-decoration: underline line-through;\n            "]))) : css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n              text-decoration: unset;\n            "])))
   };
 });
 export var useStyles = createStyles(function (_ref2, _ref3) {
@@ -26,12 +28,17 @@ export var useStyles = createStyles(function (_ref2, _ref3) {
     marginMultiple = _ref3$marginMultiple === void 0 ? 2 : _ref3$marginMultiple,
     _ref3$lineHeight = _ref3.lineHeight,
     lineHeight = _ref3$lineHeight === void 0 ? 1.8 : _ref3$lineHeight;
-  var __root = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      display: flex;\n      flex-direction: column;\n\n      width: 100%;\n      max-width: 100%;\n      height: 100%;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      @keyframes cursor-blink {\n        to {\n          visibility: hidden;\n        }\n      }\n\n      [data-lexical-cursor='true'] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n\n        &::after {\n          content: '';\n\n          position: absolute;\n          inset-block-start: -2px;\n\n          display: block;\n\n          width: 20px;\n          border-block-start: 1px solid ", ";\n\n          animation: cursor-blink 1.1s steps(2, start) infinite;\n        }\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, token.colorFillQuaternary, token.colorText);
-  var header = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-block: max(\n          calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n          var(--lobe-markdown-font-size)\n        );\n        font-weight: bold;\n        line-height: 1.25;\n      }\n\n      h1 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5,\n      h6 {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])));
-  var p = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      p {\n        margin-block: 4px;\n        line-height: var(--lobe-markdown-line-height);\n        letter-spacing: 0.02em;\n\n        &:not(:first-child) {\n          margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n\n        &:not(:last-child) {\n          margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n      }\n    "])));
-  var blockquote = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      .editor_quote {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n        border-inline-start: solid 4px ", ";\n\n        color: ", ";\n      }\n    "])), token.colorBorder, token.colorTextSecondary);
-  var code = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      .editor_code {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ", ";\n      }\n    "])), token.fontFamilyCode, token.colorFillSecondary);
+  var __root = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      display: flex;\n      flex-direction: column;\n\n      width: 100%;\n      max-width: 100%;\n      height: 100%;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      @keyframes cursor-blink {\n        to {\n          visibility: hidden;\n        }\n      }\n\n      [data-lexical-cursor='true'] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n\n        &::after {\n          content: '';\n\n          position: absolute;\n          inset-block-start: -2px;\n\n          display: block;\n\n          width: 20px;\n          border-block-start: 1px solid ", ";\n\n          animation: cursor-blink 1.1s steps(2, start) infinite;\n        }\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, token.colorFillQuaternary, token.colorText);
+  var header = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-block: max(\n          calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n          var(--lobe-markdown-font-size)\n        );\n        font-weight: bold;\n        line-height: 1.25;\n      }\n\n      h1 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5,\n      h6 {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])));
+  var p = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      p {\n        margin-block: 4px;\n        line-height: var(--lobe-markdown-line-height);\n        letter-spacing: 0.02em;\n\n        &:not(:first-child) {\n          margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n\n        &:not(:last-child) {\n          margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n      }\n    "])));
+  var blockquote = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      .editor_quote {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n        border-inline-start: solid 4px ", ";\n\n        color: ", ";\n      }\n    "])), token.colorBorder, token.colorTextSecondary);
+  var code = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      .editor_code {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ", ";\n      }\n    "])), token.fontFamilyCode, token.colorFillSecondary);
   return {
+    blockquote: blockquote,
+    code: code,
+    header: header,
+    noHeader: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-block: 4px;\n          font-size: var(--lobe-markdown-font-size);\n          line-height: var(--lobe-markdown-line-height);\n          letter-spacing: 0.02em;\n\n          &:not(:first-child) {\n            margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n          }\n\n          &:not(:last-child) {\n            margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n          }\n        }\n      "]))),
+    p: p,
     root: __root,
     variant: cx(header, p, blockquote, code)
   };

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

@@ -11,6 +11,16 @@ export interface ReactPlainTextProps {
     children: ReactElement<ReactEditorContentProps>;
     className?: string;
     enableHotkey?: boolean;
+    /**
+     * Enable automatic markdown formatting for pasted content
+     * @default true
+     */
+    enablePasteMarkdown?: boolean;
+    /**
+     * Enable/disable markdown shortcuts
+     * @default true - all formats enabled
+     */
+    markdownOption?: CommonPluginOptions['markdownOption'];
     onBlur?: (props: {
         editor: IEditor;
         event: FocusEvent<HTMLDivElement>;

package/es/plugins/markdown/data-source/markdown/parse.js

@@ -63,104 +63,104 @@ function convertMdastToLexical(node, index, ctx) {
       }
     default:
       {
-        if (markdownReaders[node.type]) {
-          var _children = [];
-          if ('children' in node && Array.isArray(node.children)) {
-            var htmlStack = []; // 当前循环是否包含 HTML 标签
-            _children = node.children.reduce(function (ret, child, index) {
-              if (child.type === 'html') {
-                var tag = child.value.replaceAll(/^<\/?|>$/g, '');
-                var isEndTag = child.value.startsWith('</');
-                if (selfClosingHtmlTags.has(tag)) {
-                  // Self-closing tag
-                  var _reader = markdownReaders['html'];
-                  if (Array.isArray(_reader)) {
-                    var _iterator = _createForOfIteratorHelper(_reader),
-                      _step;
-                    try {
-                      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                        var element = _step.value;
-                        var inode = element(child, [], index);
-                        if (inode) {
-                          ret.push(inode);
-                          return ret;
-                        }
+        var _children = [];
+        if ('children' in node && Array.isArray(node.children)) {
+          var htmlStack = []; // 当前循环是否包含 HTML 标签
+          _children = node.children.reduce(function (ret, child, index) {
+            if (child.type === 'html') {
+              var tag = child.value.replaceAll(/^<\/?|>$/g, '');
+              var isEndTag = child.value.startsWith('</');
+              if (selfClosingHtmlTags.has(tag)) {
+                // Self-closing tag
+                var reader = markdownReaders['html'];
+                if (Array.isArray(reader)) {
+                  var _iterator = _createForOfIteratorHelper(reader),
+                    _step;
+                  try {
+                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                      var element = _step.value;
+                      var inode = element(child, [], index);
+                      if (inode) {
+                        ret.push(inode);
+                        return ret;
                       }
-                    } catch (err) {
-                      _iterator.e(err);
-                    } finally {
-                      _iterator.f();
-                    }
-                  } else if (typeof _reader === 'function') {
-                    var _inode = _reader(child, [], index);
-                    if (_inode) {
-                      ret.push(_inode);
-                      return ret;
                     }
+                  } catch (err) {
+                    _iterator.e(err);
+                  } finally {
+                    _iterator.f();
                   }
-                  return ret;
-                }
-                if (isEndTag) {
-                  var top = ctx.pop();
-                  htmlStack.pop();
-                  if ((top === null || top === void 0 ? void 0 : top.tag) !== tag) {
-                    logger.warn('HTML tag mismatch:', tag);
-                    ret.push.apply(ret, _toConsumableArray((top === null || top === void 0 ? void 0 : top.children) || []));
+                } else if (typeof reader === 'function') {
+                  var _inode = reader(child, [], index);
+                  if (_inode) {
+                    ret.push(_inode);
                     return ret;
                   }
-                  var _reader2 = markdownReaders['html'];
-                  var _children2 = top.children.flat().filter(Boolean) || [];
-                  if (Array.isArray(_reader2)) {
-                    var _iterator2 = _createForOfIteratorHelper(_reader2),
-                      _step2;
-                    try {
-                      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                        var _element = _step2.value;
-                        var _inode2 = _element(top.node, _children2, index);
-                        if (_inode2) {
-                          ret.push(_inode2);
-                          return ret;
-                        }
+                }
+                return ret;
+              }
+              if (isEndTag) {
+                var top = ctx.pop();
+                htmlStack.pop();
+                if ((top === null || top === void 0 ? void 0 : top.tag) !== tag) {
+                  logger.warn('HTML tag mismatch:', tag);
+                  ret.push.apply(ret, _toConsumableArray((top === null || top === void 0 ? void 0 : top.children) || []));
+                  return ret;
+                }
+                var _reader = markdownReaders['html'];
+                var _children2 = top.children.flat().filter(Boolean) || [];
+                if (Array.isArray(_reader)) {
+                  var _iterator2 = _createForOfIteratorHelper(_reader),
+                    _step2;
+                  try {
+                    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                      var _element = _step2.value;
+                      var _inode2 = _element(top.node, _children2, index);
+                      if (_inode2) {
+                        ret.push(_inode2);
+                        return ret;
                       }
-                    } catch (err) {
-                      _iterator2.e(err);
-                    } finally {
-                      _iterator2.f();
-                    }
-                  } else if (typeof _reader2 === 'function') {
-                    var _inode3 = _reader2(top.node, _children2, index);
-                    if (_inode3) {
-                      ret.push(_inode3);
-                      return ret;
                     }
+                  } catch (err) {
+                    _iterator2.e(err);
+                  } finally {
+                    _iterator2.f();
                   }
-                  if (top) {
-                    ret.push.apply(ret, _toConsumableArray(top.children));
+                } else if (typeof _reader === 'function') {
+                  var _inode3 = _reader(top.node, _children2, index);
+                  if (_inode3) {
+                    ret.push(_inode3);
+                    return ret;
                   }
-                  return ret;
                 }
-                var htmlStackItem = {
-                  children: [],
-                  index: index,
-                  isEndTag: isEndTag,
-                  node: child,
-                  tag: tag
-                };
-                htmlStack.push(htmlStackItem);
-                ctx.push(htmlStackItem);
-                return ret;
-              }
-              if (htmlStack.length > 0) {
-                var _top = ctx.last;
-                if (_top) {
-                  _top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+                if (top) {
+                  ret.push.apply(ret, _toConsumableArray(top.children));
                 }
                 return ret;
               }
-              ret.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+              var htmlStackItem = {
+                children: [],
+                index: index,
+                isEndTag: isEndTag,
+                node: child,
+                tag: tag
+              };
+              htmlStack.push(htmlStackItem);
+              ctx.push(htmlStackItem);
               return ret;
-            }, []).filter(Boolean).flat();
-          }
+            }
+            if (htmlStack.length > 0) {
+              var _top = ctx.last;
+              if (_top) {
+                _top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+              }
+              return ret;
+            }
+            ret.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+            return ret;
+          }, []).filter(Boolean).flat();
+        }
+        if (markdownReaders[node.type]) {
           var reader = markdownReaders[node.type];
           if (Array.isArray(reader)) {
             var _iterator3 = _createForOfIteratorHelper(reader),
@@ -187,7 +187,7 @@ function convertMdastToLexical(node, index, ctx) {
         }
 
         // Fallback for unsupported nodes
-        return null;
+        return _children || null;
       }
   }
 }

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

@@ -1,4 +1,9 @@
 import { IEditorPluginConstructor } from "../../../types";
 export interface MarkdownPluginOptions {
+    /**
+     * Enable automatic markdown formatting for pasted content
+     * @default true
+     */
+    enablePasteMarkdown?: boolean;
 }
 export declare const MarkdownPlugin: IEditorPluginConstructor<MarkdownPluginOptions>;

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

@@ -21,19 +21,17 @@ import MarkdownDataSource from "../data-source/markdown-data-source";
 import { parseMarkdownToLexical } from "../data-source/markdown/parse";
 import { IMarkdownShortCutService, MarkdownShortCutService } from "../service/shortcut";
 import { $generateNodesFromSerializedNodes, $insertGeneratedNodes, canContainTransformableMarkdown } from "../utils";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-
 export var MarkdownPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(MarkdownPlugin, _KernelPlugin);
   var _super = _createSuper(MarkdownPlugin);
-  function MarkdownPlugin(kernel) {
+  function MarkdownPlugin(kernel, config) {
     var _this;
     _classCallCheck(this, MarkdownPlugin);
     _this = _super.call(this);
     _defineProperty(_assertThisInitialized(_this), "logger", createDebugLogger('plugin', 'markdown'));
     _defineProperty(_assertThisInitialized(_this), "service", void 0);
     _this.kernel = kernel;
+    _this.config = config;
     _this.service = new MarkdownShortCutService(kernel);
     kernel.registerService(IMarkdownShortCutService, _this.service);
     // @todo To be implemented
@@ -121,6 +119,13 @@ export var MarkdownPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         return false;
       }, COMMAND_PRIORITY_CRITICAL));
       this.register(editor.registerCommand(PASTE_COMMAND, function (event) {
+        var _this2$config$enableP, _this2$config;
+        // Check if markdown paste formatting is enabled (default: true)
+        var enablePasteMarkdown = (_this2$config$enableP = (_this2$config = _this2.config) === null || _this2$config === void 0 ? void 0 : _this2$config.enablePasteMarkdown) !== null && _this2$config$enableP !== void 0 ? _this2$config$enableP : true;
+        if (!enablePasteMarkdown) {
+          _this2.logger.debug('paste markdown formatting is disabled');
+          return false;
+        }
         if (!(event instanceof ClipboardEvent)) return false;
         var clipboardData = event.clipboardData;
         if (!clipboardData) return false;

package/es/react/Editor/Editor.js

@@ -40,6 +40,10 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
     autoFocus = _ref.autoFocus,
+    _ref$enablePasteMarkd = _ref.enablePasteMarkdown,
+    enablePasteMarkdown = _ref$enablePasteMarkd === void 0 ? true : _ref$enablePasteMarkd,
+    _ref$markdownOption = _ref.markdownOption,
+    markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
     onCompositionStart = _ref.onCompositionStart,
     onCompositionEnd = _ref.onCompositionEnd,
     onContextMenu = _ref.onContextMenu;
@@ -86,6 +90,8 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
     children: [memoPlugins, memoSlash, memoMention, /*#__PURE__*/_jsx(ReactPlainText, {
       autoFocus: autoFocus,
       className: className,
+      enablePasteMarkdown: enablePasteMarkdown,
+      markdownOption: markdownOption,
       onBlur: onBlur,
       onChange: onChange,
       onCompositionEnd: onCompositionEnd,

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

@@ -12,6 +12,21 @@ export interface EditorProps extends Partial<ReactEditorContentProps>, Omit<Reac
     children?: ReactNode;
     className?: string;
     editor?: IEditor;
+    /**
+     * Enable automatic markdown formatting for pasted content
+     * @default true
+     */
+    enablePasteMarkdown?: boolean;
+    markdownOption?: boolean | {
+        bold?: boolean;
+        code?: boolean;
+        header?: boolean;
+        italic?: boolean;
+        quote?: boolean;
+        strikethrough?: boolean;
+        underline?: boolean;
+        underlineStrikethrough?: boolean;
+    };
     mentionOption?: MentionOption;
     onInit?: (editor: IEditor) => void;
     plugins?: EditorPlugin[];

package/package.json

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