How to use the MutationListener

[emaborsa]

As already mentioned in another post, there is the need of inlining the style instead class names. @trueadm said to use the MutationListener, but I did not understand how to use it, can't find sample codes... except the screenshot.
I am aware of the documentation, but where is this code going to be added?

[acywatson]

Yea so you'd just set up a MutationListener for whatever node types you care about, then you'd get their associated DOM nodes using LexicalEditor.getElementByKey and apply styles directly to them using DOM APIs like element.style = whatever

[emaborsa]

Hi,
thanks, but where do I have to add the code? As I'understood, one MutationListener per Node type, but how can I add it if I am using nodes from @lexical/* packages?

[emaborsa]

I am still looking how to use mutationlistener.

[acywatson]

Add it in a plugin: https://lexical.dev/docs/react/plugins

[emaborsa]

My problem is not how to add it, but how to define it.

[acywatson]

Can you be specific about which part you don't understand?

https://lexical.dev/docs/concepts/listeners#registermutationlistener

[emaborsa]

Ok, now I got it. I didn't know where to put the code, did not understand that I had to define a simple plugin.
Thanks.