Feature: serialize EditorState to HTML in read-only mode

I’m storing EditorState as the value for a RichTextInput (controlled input), and I want on form submission to:

• ✅ generate JSON from EditorState – JSON.stringify does it
• ❌ generate HTML from EditorState and EditorConfig (styles) – I need an editor instance

Currently, to generate HTML from Lexical, I need to use Editor. update with $generateHtmlfromNodes, which has some issues:

• Not possible in read-only mode,
• Generating HTML from the editor requires the caller of the method to have an Editor instance, where as an EditorState and EditorConfig should be sufficient

Pleasure to contribute code

I’m open to contributing to this project if this feature is a valid use case.

[trueadm]

That’s a neat trick too!

[norregaarden-scalgo]

@norregaarden-scalgo I’m waiting for a confirmation from @trueadm to start on my proposition.

For your case, using LexicalOnChangePlugin with a debounced onChange callback will be sufficient.

@med8bra thanks you for your suggestion, but the same error pertains using OnChangePlugin from @lexical/react/LexicalOnChangePlugin, i.e. $generateHtmlFromNodes can only be called from editor.read or editor.update, and if I wrap it in that, it says " Cannot use method in read-only mode." even when I’m, not in read-only mode, if the editor has been in read-only mode at some point.