SimpleMDE VS awesome-wysiwyg-editors

can be a little fiddly depending on your needs, but this is what we use https://simplemde.com/

You can also use drop-in JS components. I have a home-grown CMS that includes SimpleMDE (https://simplemde.com/), a markdown editor. SimpleMDE syncs its contents to the DOM, so from HTMX's perspective, it's just another text field and can be submitted along with a regular form POST.

hardhat - Ethereum development environment web3modal - An easy-to-use library that allows users to connect their wallets to your app react-markdown and simplemde - Markdown editor and markdown renderer for the CMS @emotion/css - A great CSS in JS library @openzeppelin/contracts - Open source implementations of useful smart contract standards and functionality

Check out this Markdown editor, made using SimpleMDE.

To do so, we will use a javascript markdown editor called SimpleMDE. This is quite an elegant solution as this library will target our textarea and replace them, which mean that our solution will still work if one of our users has javascript disabled on its browser (who does that?).

There is a lot of awesome JavaScript markdown editors but I settled for simpleMDE as a very easy embeddable Markdown Editor.

Here is a list https://github.com/JefMari/awesome-wysiwyg

What you're looking for is a "what you see is what you get" (WYSIWYG) editor. Here's a resource containing tons of different options to find one that suits your use case the best: https://github.com/JefMari/awesome-wysiwyg

This is really a JavaScript question since your editor will run on the front end. You have a lot of options: https://github.com/JefMari/awesome-wysiwyg

https://github.com/JefMari/awesome-wysiwyg https://ourcodeworld.com/articles/read/1065/top-15-best-rich-text-editor-components-wysiwyg-for-reactjs