Spent the past week diving into Lexical and the world of text editor frameworks. Rich text editing is one of those problems that looks simple on the surface but gets deeply complex once you start pulling at the edges.

After a lot of reading and tinkering with open-source code, I built a feature-complete replacement for our legacy <RichTextarea /> component (previously based on the now-deprecated react-rte). It was one of those projects where the learning curve was steep, but the result was worth it.

Screenshot of the new RichTextarea component in our design system playground, showcasing its formatting toolbar and improved UI.

The live component in our design system playground.