importing a HTML file

[pan2za]

I want to import a HTML file and rending it into the rich editor,
there are 3 ways,
1 do as the lexical has suggested,
getEditor,
getRoot
insertNode
2 make a HTML plugin like the Image plugin, there's so many difference there.
3 examine the copy/paste method in rich editor, which supports HTML content paste.
Any suggestions?

[pan2za]

or make a HTML plugin like the Import plugin.

[pan2za]

I try to create a HTML plugin, the main INSERT command does not work, the code is,

onMount(() => {
return editor.registerCommand(
INSERT_HTML_COMMAND,
(payload) => {
console.log("insert html command received.")
// In the browser you can use the native DOMParser API to parse the HTML string.
const parser = new DOMParser();
const dom = parser.parseFromString(payload, "text/html");
// Once you have the DOM instance it's easy to generate LexicalNodes.
const nodes = generateNodesFromDOM(editor, dom);
// Select the root
// getRoot().select();
// Insert them at a selection.
insertNodes(nodes);
return true;
},
COMMAND_PRIORITY_EDITOR,
);
});

[pan2za]

I've add a HTML plugin for this project. I will try to push to this project later...

[pan2za]

I've made a HTML plugin, the core code is pasted in the upper comment. but I'm not sure whether it's really needed by others.