fix

packages/code-block/src/lib/deserializer/htmlDeserializerCodeBlock.ts

@@ -4,7 +4,6 @@ import {
   BaseCodeBlockPlugin,
   BaseCodeLinePlugin,
 } from '../BaseCodeBlockPlugin';
-import { htmlDeserializerCodeBlockStatic } from './htmlDeserializerCodeBlockStatic';
 
 export const htmlDeserializerCodeBlock: HtmlDeserializer = {
   parse: ({ element }) => {
@@ -43,11 +42,4 @@ export const htmlDeserializerCodeBlock: HtmlDeserializer = {
       },
     },
   ],
-  toNodeProps({ element }) {
-    const staticCodeBlock = htmlDeserializerCodeBlockStatic(element);
-
-    if (staticCodeBlock) {
-      return staticCodeBlock;
-    }
-  },
 };

packages/code-block/src/lib/deserializer/index.ts

@@ -3,4 +3,3 @@
  */
 
 export * from './htmlDeserializerCodeBlock';
-export * from './htmlDeserializerCodeBlockStatic';

packages/core/src/lib/plugins/html/utils/deserializeHtmlNode.ts

@@ -1,6 +1,7 @@
 import type { SlateEditor } from '../../../editor';
 import type { DeserializeHtmlNodeReturnType } from '../types';
 
+import { isSlateNode } from '../../../static';
 import { htmlBodyToFragment } from './htmlBodyToFragment';
 import { htmlBrToNewLine } from './htmlBrToNewLine';
 import { htmlElementToElement } from './htmlElementToElement';
@@ -28,7 +29,11 @@ export const deserializeHtmlNode =
     if (fragment) return fragment;
 
     // element
-    const element = htmlElementToElement(editor, node as HTMLElement);
+    const element = htmlElementToElement(
+      editor,
+      node as HTMLElement,
+      isSlateNode(node as HTMLElement)
+    );
 
     if (element) return element;
 

packages/core/src/lib/plugins/html/utils/deserializeHtmlNodeChildren.ts

@@ -1,12 +1,19 @@
 import type { SlateEditor } from '../../../editor';
 import type { DeserializeHtmlChildren } from '../types';
 
+import { isSlateNode } from '../../../static';
 import { deserializeHtmlNode } from './deserializeHtmlNode';
 
 export const deserializeHtmlNodeChildren = (
   editor: SlateEditor,
-  node: ChildNode | HTMLElement
-) =>
-  Array.from(node.childNodes).flatMap(
-    deserializeHtmlNode(editor)
-  ) as DeserializeHtmlChildren[];
+  node: ChildNode | HTMLElement,
+  isSlate = false
+): DeserializeHtmlChildren[] => {
+  return Array.from(node.childNodes).flatMap((child) => {
+    if (child.nodeType === 1 && !isSlateNode(child as HTMLElement) && isSlate) {
+      return deserializeHtmlNodeChildren(editor, child as HTMLElement, isSlate);
+    }
+
+    return deserializeHtmlNode(editor)(child);
+  }) as DeserializeHtmlChildren[];
+};

packages/core/src/lib/plugins/html/utils/htmlElementToElement.ts

@@ -11,7 +11,8 @@ import { pipeDeserializeHtmlElement } from './pipeDeserializeHtmlElement';
 /** Deserialize HTML to Element. */
 export const htmlElementToElement = (
   editor: SlateEditor,
-  element: HTMLElement
+  element: HTMLElement,
+  isSlate = false
 ) => {
   const deserialized = pipeDeserializeHtmlElement(editor, element);
 
@@ -20,7 +21,7 @@ export const htmlElementToElement = (
 
     let descendants =
       node.children ??
-      (deserializeHtmlNodeChildren(editor, element) as Descendant[]);
+      (deserializeHtmlNodeChildren(editor, element, isSlate) as Descendant[]);
 
     if (descendants.length === 0 || withoutChildren || isSlateVoid(element)) {
       descendants = [{ text: '' }];

packages/core/src/lib/static/deserialize/checkUtils.ts

@@ -6,10 +6,14 @@ export const isSlateElement = (element: HTMLElement) => {
   return element.dataset.slateNode === 'element';
 };
 
-export const isSlateString = (element: HTMLElement) => {
+export const isSlateText = (element: HTMLElement) => {
   return element.dataset.slateNode === 'text';
 };
 
+export const isSlateString = (element: HTMLElement) => {
+  return element.dataset.slateString === 'true';
+};
+
 export const isSlateLeaf = (element: HTMLElement) => {
   return element.dataset.slateLeaf === 'true';
 };
@@ -19,7 +23,8 @@ export const isSlateNode = (element: HTMLElement) => {
     isSlateLeaf(element) ||
     isSlateElement(element) ||
     isSlateVoid(element) ||
-    isSlateString(element)
+    isSlateString(element) ||
+    isSlateText(element)
   );
 };
 

packages/table/src/lib/BaseTablePlugin.ts

@@ -6,7 +6,6 @@ import {
   bindFirst,
   createSlatePlugin,
   createTSlatePlugin,
-  isSlatePluginElement,
 } from '@udecode/plate';
 
 import type { TTableCellElement } from './types';
@@ -187,19 +186,6 @@ export const BaseTablePlugin = createTSlatePlugin<TableConfig>({
   parsers: {
     html: {
       deserializer: {
-        parse: ({ element, type }) => {
-          const parent = element.parentNode?.parentNode;
-
-          if (
-            parent &&
-            element.tagName === 'TABLE' &&
-            isSlatePluginElement(parent as HTMLElement, type)
-          ) {
-            return;
-          }
-
-          return { type };
-        },
         rules: [{ validNodeName: 'TABLE' }],
       },
     },