How to create a markdown editor in your web app?
I am working on a project that requires a markdown editor and a way for users to preview their content, something like dev.to or github has.
I don't have much knowledge of front end and have been using other available templates and modifying it. However in this case I am just stuck. I am also looking to add HTML editor later.
I am using Tailwind CSS and plain Javascript (no framework).
Trending on Indie Hackers
From 0 to 100 Users: How I Built an AI Humanizer as a Student
I Built Check Analytic Because Privacy Turned Analytics into a Liability! 🔥
This can be as easy or difficult as you want it to be.
The easiest version I can think of:
Then your next step would be adding the tailwind typography package and adding
class="prose"to the output so it automatically formats the output nicely.I used the following markdown editor in my projects, its pretty easy to do.
https://simplemde.com/
https://github.com/pandao/editor.md
They also have preview option.
I used https://github.com/pandao/editor.md for a freelance project.
Use VS Code's web editor. Project Monaco.
I Am Using https://simplemde.com/ on my RoR project.
I worked at a SaaS that had a markdown editor in the browser and we used CodeMirror
https://github.com/codemirror/lang-markdown
This also looks interesting:
https://uiwjs.github.io/react-md-editor/
Sundown may fit your needs.
https://github.com/vmg/sundown
More specifically, the RobotSkirt (Node.js) wrapper.
https://github.com/benmills/robotskirt