fix: decrease priority for jsx compared to HTML

Fixes #223
mdx-editor · Dec 7, 2023 · bbc4974 · bbc4974
1 parent 552dce1
commit bbc4974
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/src/examples/jsx.tsx b/src/examples/jsx.tsx
@@ -7,6 +7,7 @@ import { toolbarPlugin } from '../plugins/toolbar'
 import { Button } from '../plugins/toolbar/primitives/toolbar'
 import { NestedLexicalEditor } from '../plugins/core/NestedLexicalEditor'
 import { MdxJsxTextElement } from 'mdast-util-mdx'
+import { headingsPlugin } from '..'
 
 const jsxComponentDescriptors: JsxComponentDescriptor[] = [
   {
@@ -99,3 +100,19 @@ export const Example = () => {
     />
   )
 }
+
+const markdown = `
+# Hello world
+
+<div style="background: red">
+  Content
+</div>
+`
+
+export const Html = () => {
+  return (
+    <div>
+      <MDXEditor markdown={markdown} plugins={[headingsPlugin(), jsxPlugin({ jsxComponentDescriptors: [] })]} />
+    </div>
+  )
+}
diff --git a/src/plugins/jsx/LexicalJsxVisitor.ts b/src/plugins/jsx/LexicalJsxVisitor.ts
@@ -22,5 +22,6 @@ export const LexicalJsxVisitor: LexicalExportVisitor<LexicalJsxNode, MdxJsxFlowE
     actions.registerReferredComponent(mdastNode.name!)
     traverseNestedJsxNodes(mdastNode)
     actions.appendToParent(mdastParent, mdastNode)
-  }
+  },
+  priority: -200
 }
diff --git a/src/plugins/jsx/MdastMdxJsxElementVisitor.ts b/src/plugins/jsx/MdastMdxJsxElementVisitor.ts
@@ -9,5 +9,6 @@ export const MdastMdxJsxElementVisitor: MdastImportVisitor<MdxJsxTextElement> =
   },
   visitNode({ lexicalParent, mdastNode }) {
     ;(lexicalParent as ElementNode).append($createLexicalJsxNode(mdastNode))
-  }
+  },
+  priority: -200
 }