Rich Text for Short and Long Description

samuelcolvin / nosht

Open Source Event Ticketing Platform, deployed at

https://events.handsupfoundation.org/

MIT License

28 stars 2 forks source link

Rich Text for Short and Long Description #278

Open roselukas opened 3 years ago

roselukas commented 3 years ago

Be able to add emojis, colour, different fonts to both short and long description

pro-Nate commented 3 years ago

I think the only way to achieve the kind of editing experience you want it is by adding a WYSIWYG editor to the project for these fields. I propose replacing the existing markdown editor with https://jpuri.github.io/react-draft-wysiwyg or https://zenoamaro.github.io/react-quill This may have knock on effects for other parts of the platform which typically expect plain text in the long & short description fields - such as email; Perhaps @samuelcolvin can comment on discovery of these.

pro-Nate commented 3 years ago

I've noticed we have draft-js in the build already. We could stick with that and save the EditorState record in the database as json or html. Other things to consider are how to handle upload of inline images from the editor - I presume we want these to go into S3 as with other images.

samuelcolvin commented 3 years ago

Humm, this sounds like a very effective way to make event descriptions very ugly. Maybe we should integrate with wordart to complete the job?

More seriously:

I can see emojis would be good, theoretically they should already work. "It's all just unicode, baby" as John Travolta is (not) fond of saying. But I can see a selector would be useful.
colour and different fonts sound painful (we would need to switch from saving markdown to saving html or JSON ad @pro-Nate says) and would also arguably result in uglier event descriptions
ad hoc support for images in descriptions might be nice but would be far from trivial to support