Rich Text Editor

I am in need of a rich text editor for our react app where a user can do some basic formatting (bold, italics, link, heading, bullets) to a piece of content whose html will then be sent via email. I've used Draft.js in the past which I see is no longer receiving updates. I've looked briefly into Lexical, but I'm wondering if it's too low level for our use case. Any recs?
13 Replies
Quinn
Quinn2y ago
I've had luck with Tiptap (https://tiptap.dev/), I think that it should work for your use case
Tom
Tom2y ago
ive used a few of them. slate is very low level and requires you to really get into it. plate was built on slate and is janky and has warnings. im using tiptap now and its still not ideal... but its definitely easiest of the ones ive tried
yellowhammer
yellowhammerOP2y ago
Thanks. This ended up being what I reached for first and it seems like it will work well.
King_codes
King_codes2y ago
I wouldn't recommend Draft, look into TipTap. I'm actually working on a fairly complex web app and implemented it. It's a nice RTE because it's headless
gnarley_farley.
Hey tom what do you reckon going forward have you given this much thought. I am using ckeditor now also does the trick to an extent but a bit janky and oldschool
Tom
Tom2y ago
ive given it a ton of thought (although not recently) RTE's and drag and drop seem to be the 2 big unsolved problems of my app tiptap is good enough but if im being honest it still kinda sucks but at least getting something passable up and running didnt take me days like with plate ill probably revisit it at some point but for now tiptap is 'good enough' like why the hell do they have a built-in image placer WITH NO ABILITY TO RESIZE THE IMAGE if you find something good please let me know and if you get it to work with uncontrolled inputs let me know too would really help the performance of my form if i could just register it with RHF
gnarley_farley.
yeah man i've got similar issues. I took a different approach this time and i'm using prose in my text editor + on my page so the formatting is 1;1. Also you can actually just edit the content on the page 1:1 which is super cool. Butr what i've done is just make a standard image box that sort of stretches across the width of the blog then center the image within that. A bit of a generic format because we do roundup reviews and they are pretty standardized. But yet the prose approach means you cant really style or do custom sizing in the editor
Tom
Tom2y ago
oh and 1 other thing as long as im ranting. DARK MODE ON THE WEBSITE. I ONLY GET THE CHANCE TO WORK ON THIS STUFF AT NIGHT AND THE WEBSITE IS BLINDING AND WAKES UP MY GF wdym prose in your text editor?
gnarley_farley.
tailwind typography plugin
Tom
Tom2y ago
oh yeah im using that too 1 sec if you have time id love to compare some notes here
gnarley_farley.
ya shoot me a dm same
Want results from more Discord servers?
Add your server