Support Google Translate

[li-yechao]

Lexical editor need support google translate, it's because of Lexical's DOM mutation observers reverting the content back.

Lexical version: 0.6.0

Steps To Reproduce

1. Translate web page contain lexical editor in Chrome.

Link to code example:

The current behavior

Lexical editor content not translated.

[trueadm]

So looking more into this and it's a really complex one. Essentially, the DOM mutation observers are doing the right job – they're treating the Lexical EditorState as the source of truth – not the DOM. If we change this logic for read only mode, then this assumption is no longer true and subsequent updates to the EditorState will likely fail.

In your case, if you want to have Google Translate support, I'd suggest not using Lexical to render the content if this is possible to do. Instead, you can extract the HTML from the EditorState and render that directly as part of your view logic.