Content Preview

[bluebill1049]

Thanks for the awesome work.

I was wondering what's the best way to generate a preview?

<RichTextPlugin
  placeholder={null}
-  contentEditable={<ContentEditable className={styles.editorInput} />}
+  contentEditable={null} // so it will just render the content
/>

is it possible for RichTextPlugin to render the user input only?

[trueadm]

You can readOnly on the editor itself to be true. This can be done on initialConfig passed to LexicalComposer too, or by doing editor.setReadOnly(true).

[bluebill1049]

const editorStateWithoutSelection = editorState.clone(null)

I will give that a try 👍 thanks, everyone. The new flag proposal looks awesome as well.

[bluebill1049]

@trueadm I can confirm it's working as expected. 👯 I am unblocked.

[zurfyx]

Ah yes, let's stick to clone then! Glad to hear you got it working!

[mrkchang]

@bluebill1049 hey thanks for creating this thread. would you mind sharing your final example? I'm confused on your example using states while the developers here seem to recommend against it due to re-rendering...

Also did you end up registering a listener?

[Raff-project10x]

Does this solution work when using RichTextPlugin and edtiable set to false? I have a similar need as preview but to display instead. For example, admin writes blog in editable rich text editor and saves json to db. User sees only the rendered editor html without being able to edit. I am able to load the editor state just fine but nothing is displayed when editable is false.