markdown-toolbar can be used as a jQuery plugin that provides a WYSIWYG experience using Markdown syntax. markdown-toolbar requires commonmark.js, and also uses js-emoji if it's available. Calling .markdownToolbar() on a textarea creates a toolbar above the textarea, and a rendered preview below it, like this:
- Demo: https://nikolas.github.io/markdown-toolbar/
- Background info: http://www.columbia.edu/~njn2118/journal/2016/2/12.html
$('textarea.markdown-toolbar').markdownToolbar();