SimpleMDE VS medium-editor

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.

The MediumEditor clone looks great, but I wanted a traditional toolbar and the last commit it seems was 3+ years ago.

MediumEditor

medium-editor (a clone of medium.com inline editor toolbar): a bit too much as we just want the highlight/select feature

Here is a good one https://github.com/yabwe/medium-editor

Writing a text editor from scratch is Pain in the A (Please don’t ask what is A 😉). So instead of writing the text editor, I’m using already available ones **Medium-editor**.