Is there a way to change the icons of blocks inside richtext lexical?

[topaz junco]

I would like to use custom icons for each block

[alpine pelican]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Lexical Converters - Lexical => JSX - Converting Lexical Blocks to JSX
• Rich Text Editor - Extending the lexical editor with Features - Features: The Building Blocks
• React Hooks - useDocumentForm
• Custom Features
• Lexical Converters - Lexical => JSX

Community-Help:

• I would like to overwrite some elements with @payloadcms/richtext-lexical/react

[topaz junco]

I managed to do what I wanted by creating a new custom blocks feature, so I can now pass blocks and custom icons for each of them. ChatGPT5 helped a lot.

If anyone is interested in the code please let me know. I'm happy to share it and that it can be improved. Cheers!

[alpine pelican]

Payload Bot

Thread Solved!

Glad your issue was resolved! :tada: If you want to help make payload better, please give us a :star: on GitHub and review us - It helps us a lot.

🌟 Star Us on GitHub

Click here to star us on GitHub

👍 Review Us

Click here to review us on G2

[rancid plinth]

It would be helpful if you prepare a tutorial, blog post or a GitHub Gist