ozanyurtsever/verbum

Can't get the html value using $generateHtmlFromNodes on onChange Editor prop

Nhed1 opened this issue · 4 comments

Nhed1 commented

Describe the bug
Uncaught Error: Unable to find an active editor state. State helpers or node methods can only be used synchronously during the callback of editor.update() or editorState.read().

To Reproduce

....
const handleChange = (state, editor) => {
    editor.update(() => {
      const htmlString = $generateHtmlFromNodes(editor, null);
      console.log(htmlString);
    });
  };

  return (
    <EditorComposer>
      <Editor hashtagsEnabled={true} onChange={handleChange}>
....

Expected behavior
To return the HTML value from the text editor when onChange is called

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser Chrome
Alex-Github-Account commented

Any solution? Isn't html output #1 feature of the component and bug got no attention?

Alex-Github-Account commented

people dealing with same problem here:
https://stackoverflow.com/questions/73062801/convert-lexical-to-html
there some solution inthere but it is for useEffect

ddcech commented

If we export the LexicalComposer context to the user to wrap in their app, we can then access the correct state that will allow us to run $generateHtmlFromNodes from anywhere within that context.

hfjohn123 commented

Ah... I figured it out, you need to use Lexcial v0.8.0 for current version (0.5.0 on npm).