Hey everyone,
Today marks a by milestone of my #buildinpublic journey for NextBlock CMS, and it's a big one. The core of the new Tiptap-based, Notion-style editor is complete for now!
When I started this, my goal wasn't just to build another rich-text editor. It was to build one I'd actually want to use as a developer—one that respects my workflow and doesn't get in the way.
I'm particularly excited about a few features I baked in:
Direct CSS & JavaScript Blocks
This was non-negotiable. How many times have you wanted to just drop in a quick style or a small script without having to create a whole new component? In this editor, you can. It allows for incredible flexibility, whether for embedding interactive charts, custom-styled divs, or anything else you can think of.
Innovating on the "Little Things"
I spent a lot of time on the UI/UX details that often get overlooked.
A Smarter Color Wheel: The color picker is fully reactive. When a user changes any value (the HEX code, an RGB input, or drags the wheel), a state update triggers a utility function that instantly converts and syncs all the other input formats. No more manually converting HEX to RGB!
Unit-Aware Font Sizing: Similar to the color picker, the font-size input understands units. When a user switches the dropdown from px to rem (or em, etc.), the numeric value automatically recalculates to the equivalent size. 16px becomes 1rem instantly. It removes all the guesswork.
It's so exciting to see these features working together in harmony. This editor is the foundation for what I hope will be the most developer-friendly CMS on the market.
What do you think? What's a "small" feature you wish your editor had?
Top comments (0)