help, editor.api.html.deserialize(htmlContent) is error: TypeError: Cannot read properties of undefined (reading 'cloneNode')

[shuangjiaobanmian]

my-html-importer.tsx

[dosubot[bot]]

Hi @shuangjiaobanmian! I'm Dosu and I’m helping the plate team.

This error usually means the input to editor.api.html.deserialize is not a valid HTMLElement or string. If you pass undefined, null, or an object that isn't a DOM node or HTML string, Plate will try to call cloneNode on it and crash example.

To fix this, make sure you pass a valid HTML string or an actual DOM element. If you have an HTML string, you can pass it directly:

const nodes = editor.api.html.deserialize('<p>Hello, world!</p>');

If you already have a DOM node, pass it as { element: yourNode }.

Also, if you are using Plate with React, make sure to wire up DOM node support after creating your editor:

import { ReactEditor } from 'slate-react';
editor.api.toDOMNode = ReactEditor.toDOMNode;

This prevents related DOM errors details.

Finally, always check that your input is not undefined before calling deserialize. If you are importing tables or other complex HTML, make sure the corresponding plugins (like TablePlugin) are included in your editor config docs.

If you still see the error, log htmlContent right before calling deserialize to confirm its value and type.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[shuangjiaobanmian]

[shuangjiaobanmian]

What's the difference?

[felixfeng33]

One(success-html.html) is generated by export from Plate, and the other is not. But even if it's not an HTML generated by Plate.js, it shouldn't throw an error. It might be a bug.