Serializing HTML

[leooism]

Currently, when calling serializeHTML inside event callback, throws react hook error.
Is there any better way to execute this function to transform plate nodes to html?

[atharvashukla]

If you're serializing HTML in the parent of the <Plate /> component, you can simply add a ref to it:

const editorRef = useRef(null);

Then access it within a function (which you should be able to call from anywhere):

const htmlOut = (editor) => {
  if (editor) {
    const currentEditor = editor.current;
    const html = serializeHtml(currentEditor, {
      nodes: currentEditor.children,
    });
    console.log(`html`, html);
  } else {
    throw new Error("editor not present", editor);
  }
};

[PONYAWKA]

Tried your solution but got an error