fix(@lexical/markdown): markdown import code block with prefix (#5780)

facebook · Apr 23, 2024 · 4a318ee · 4a318ee
1 parent ddbadb9
commit 4a318ee
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/packages/lexical-markdown/src/MarkdownImport.ts b/packages/lexical-markdown/src/MarkdownImport.ts
@@ -34,7 +34,7 @@ import {IS_APPLE_WEBKIT, IS_IOS, IS_SAFARI} from 'shared/environment';
 import {PUNCTUATION_OR_SPACE, transformersByType} from './utils';
 
 const MARKDOWN_EMPTY_LINE_REG_EXP = /^\s{0,3}$/;
-const CODE_BLOCK_REG_EXP = /^```(\w{1,10})?\s?$/;
+const CODE_BLOCK_REG_EXP = /^[ \t]*```(\w{1,10})?\s?$/;
 type TextFormatTransformersIndex = Readonly<{
   fullMatchRegExpByTag: Readonly<Record<string, RegExp>>;
   openTagsRegExp: RegExp;

diff --git a/packages/lexical-markdown/src/MarkdownTransformers.ts b/packages/lexical-markdown/src/MarkdownTransformers.ts
@@ -256,7 +256,7 @@ export const CODE: ElementTransformer = {
       '```'
     );
   },
-  regExp: /^```(\w{1,10})?\s/,
+  regExp: /^[ \t]*```(\w{1,10})?\s/,
   replace: createBlockNode((match) => {
     return $createCodeNode(match ? match[1] : undefined);
   }),

diff --git a/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts b/packages/lexical-markdown/src/__tests__/unit/LexicalMarkdown.test.ts
@@ -175,6 +175,18 @@ describe('Markdown', () => {
       html: '<pre spellcheck="false"><span style="white-space: pre-wrap;">Code</span></pre>',
       md: '```\nCode\n```',
     },
+    {
+      // Import only: prefix tabs will be removed for export
+      html: '<pre spellcheck="false"><span style="white-space: pre-wrap;">Code</span></pre>',
+      md: '\t```\nCode\n```',
+      skipExport: true,
+    },
+    {
+      // Import only: prefix spaces will be removed for export
+      html: '<pre spellcheck="false"><span style="white-space: pre-wrap;">Code</span></pre>',
+      md: '   ```\nCode\n```',
+      skipExport: true,
+    },
     {
       // Import only: extra empty lines will be removed for export
       html: '<p><span style="white-space: pre-wrap;">Hello</span></p><p><span style="white-space: pre-wrap;">world</span></p>',