How to trim the content of the current editor state in Lexical.js based on height?

I am working with Lexical.js to implement a content editor. I want to trim the content of the current editor state if the rendered content’s height exceeds a specified height (rootelement).

Here’s the approach I’ve taken so far:

I’ve registered an update listener on the editor to monitor changes in the editor state.
I’m checking the height of the rendered content (innerHtml.height) against a predefined value (rootelement).
If the height exceeds the limit, I want to update the editor state to trim the content and make it visible within the height limit.

   editor.registerUpdateListener(({ editorState }) => {
     // Read the editorState and maybe get some value.
       editorState.read(() => {
       const innerHtmlHeight = // logic to get the height of the rendered content
       const rootElementHeight = // predefined height limit

       if (innerHtmlHeight > rootElementHeight) {
          // Schedule another update to trim the content
           editor.update(() => {
           // Here, I want to trim the content of the current editor state
           // How can I achieve this effectively?
           });
        }
     });
   });

What I Need Help With:
How can I trim or modify the current editor state to ensure the visible content stays within the height limit?
What’s the best way to calculate and adjust content in Lexical.js while maintaining proper editor functionality?
Any examples or guidance would be greatly appreciated. Thanks!