@lobehub/editor 1.16.1 → 1.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/es/plugins/common/plugin/index.js +4 -6
  2. package/es/plugins/common/react/style.js +3 -3
  3. package/es/plugins/markdown/plugin/index.js +17 -6
  4. package/package.json +1 -1
package/es/plugins/common/plugin/index.js CHANGED
@@ -82,6 +82,7 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
82
82
  // Parse markdown options
83
83
  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;
84
84
  var isMarkdownEnabled = markdownOption !== false;
85
+ var softBreak = isMarkdownEnabled ? '\n\n' : '\n';
85
86
 
86
87
  // Determine which formats are enabled
87
88
  var formats = {
@@ -100,9 +101,6 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
100
101
  formats.quote = (_markdownOption$quote = markdownOption.quote) !== null && _markdownOption$quote !== void 0 ? _markdownOption$quote : true;
101
102
  formats.strikethrough = (_markdownOption$strik = markdownOption.strikethrough) !== null && _markdownOption$strik !== void 0 ? _markdownOption$strik : true;
102
103
  }
103
- if (!isMarkdownEnabled) {
104
- return;
105
- }
106
104
 
107
105
  // Register quote shortcut if enabled
108
106
  if (formats.quote) {
@@ -191,11 +189,11 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
191
189
  markdownService.registerMarkdownShortCuts(textFormatShortcuts);
192
190
  }
193
191
  markdownService.registerMarkdownWriter('paragraph', function (ctx) {
194
- ctx.wrap('', '\n\n');
192
+ ctx.wrap('', softBreak);
195
193
  });
196
194
  markdownService.registerMarkdownWriter('quote', function (ctx, node) {
197
195
  if ($isQuoteNode(node)) {
198
- ctx.wrap('> ', '\n\n');
196
+ ctx.wrap('> ', softBreak);
199
197
  }
200
198
  });
201
199
  markdownService.registerMarkdownWriter('heading', function (ctx, node) {
@@ -233,7 +231,7 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
233
231
  }
234
232
  default:
235
233
  {
236
- ctx.wrap('', '\n\n');
234
+ ctx.wrap('', softBreak);
237
235
  break;
238
236
  }
239
237
  }
package/es/plugins/common/react/style.js CHANGED
@@ -30,15 +30,15 @@ export var useStyles = createStyles(function (_ref2, _ref3) {
30
30
  lineHeight = _ref3$lineHeight === void 0 ? 1.8 : _ref3$lineHeight;
31
31
  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);
32
32
  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 "])));
33
- var p = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n p {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\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 "])));
33
+ 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 "])));
34
34
  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);
35
35
  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);
36
36
  return {
37
37
  blockquote: blockquote,
38
38
  code: code,
39
39
  header: header,
40
- 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 "]))),
41
- noStyle: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n --lobe-markdown-header-multiple: 0;\n --lobe-markdown-margin-multiple: 0;\n --lobe-markdown-line-height: 1.5;\n\n p {\n margin-block: 0;\n }\n "]))),
40
+ noHeader: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-block: 0;\n font-size: var(--lobe-markdown-font-size);\n font-weight: normal;\n line-height: var(--lobe-markdown-line-height);\n }\n "]))),
41
+ noStyle: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n --lobe-markdown-header-multiple: 0;\n --lobe-markdown-margin-multiple: 0;\n --lobe-markdown-line-height: 1.5;\n\n p {\n margin-block: 4px;\n }\n "]))),
42
42
  p: p,
43
43
  root: __root,
44
44
  variant: cx(header, p, blockquote, code)
package/es/plugins/markdown/plugin/index.js CHANGED
@@ -120,12 +120,6 @@ export var MarkdownPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
120
120
  }, COMMAND_PRIORITY_CRITICAL));
121
121
  this.register(editor.registerCommand(PASTE_COMMAND, function (event) {
122
122
  var _this2$config$enableP, _this2$config;
123
- // Check if markdown paste formatting is enabled (default: true)
124
- 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;
125
- if (!enablePasteMarkdown) {
126
- _this2.logger.debug('paste markdown formatting is disabled');
127
- return false;
128
- }
129
123
  if (!(event instanceof ClipboardEvent)) return false;
130
124
  var clipboardData = event.clipboardData;
131
125
  if (!clipboardData) return false;
@@ -137,6 +131,23 @@ export var MarkdownPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
137
131
  // If there's no text content, let Lexical handle it
138
132
  if (!text) return false;
139
133
 
134
+ // Check if markdown paste formatting is enabled (default: true)
135
+ 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;
136
+ if (!enablePasteMarkdown) {
137
+ // Force plain text paste - ignore all formatting (like Cmd+Shift+V)
138
+ _this2.logger.debug('paste markdown formatting is disabled, inserting as plain text');
139
+ event.preventDefault();
140
+ event.stopPropagation();
141
+ editor.update(function () {
142
+ var selection = $getSelection();
143
+ if (!$isRangeSelection(selection)) return;
144
+
145
+ // Simply insert the plain text
146
+ selection.insertText(text);
147
+ });
148
+ return true;
149
+ }
150
+
140
151
  // If there's HTML content, it's a rich text paste
141
152
  // Let Lexical's rich text handler process it
142
153
  if (html && html.trim()) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lobehub/editor",
3
- "version": "1.16.1",
3
+ "version": "1.16.3",
4
4
  "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
5
5
  "keywords": [
6
6
  "lobehub",