How to embed a rich-text editor on a website?
For starters, I'm sorry if it's a wrong place for this question, I wasn't sure where should I ask it.
I'd like to add a rich-text editor to my website, because I want to allow my user to create long content, and they may want to input code blocks, links, images and so on. How do I do that? Do I need a CMS for that? Or maybe some plugin?
I tried to do the research on my own but I haven't found anything that would be of any help. Also, I have no previous experience working with CMSs, so I'm not even sure what should I look for.
I did find this list though: https://www.vuescript.com/best-wysiwyg-rich-text-editor/, but most of those editors don't even support the code blocks and, frankly, I'm not totally convinced of downloading a big library, like Vuetify for example, to implement something that seems to me like a simple functionality.
It it matters, the website will be written in Nuxt 3 and the backend will be handled by firebase, since I myself can barely do frontend
.
But, for it to work as I wish it would, the required solution has to meet some basic criteria:
* it is supposed to work on a website, not in the admin pannel of a CMS
* I need to be able to add some basic styles to it (at least
So, ideally, I'd like to implement something similar to the github's text editor (screen below if someone doesn't know what I'm talking about) but without coding the whole functionality of it on my own.
Is there any solution out there that could help me out with this or should I just change the concept for my website?
I'd like to add a rich-text editor to my website, because I want to allow my user to create long content, and they may want to input code blocks, links, images and so on. How do I do that? Do I need a CMS for that? Or maybe some plugin?
I tried to do the research on my own but I haven't found anything that would be of any help. Also, I have no previous experience working with CMSs, so I'm not even sure what should I look for.
I did find this list though: https://www.vuescript.com/best-wysiwyg-rich-text-editor/, but most of those editors don't even support the code blocks and, frankly, I'm not totally convinced of downloading a big library, like Vuetify for example, to implement something that seems to me like a simple functionality.
It it matters, the website will be written in Nuxt 3 and the backend will be handled by firebase, since I myself can barely do frontend
.But, for it to work as I wish it would, the required solution has to meet some basic criteria:
* it is supposed to work on a website, not in the admin pannel of a CMS
* I need to be able to add some basic styles to it (at least
background-colorfont-familySo, ideally, I'd like to implement something similar to the github's text editor (screen below if someone doesn't know what I'm talking about) but without coding the whole functionality of it on my own.
Is there any solution out there that could help me out with this or should I just change the concept for my website?
Vue Scriptvuejsadmin
10 best, top-rated WYSIWYG rich text editors from which you can choose in the next web & mobile app. Enjoy.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
