🍼 Plugin driven WYSIWYG markdown editor framework. - Milkdown/milkdown

<link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/toastui-editor.min.css" />
<script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
<script>
const Editor = toastui.Editor;
const editor = new Editor({
el: document.querySelector('#editor'),
height: '500px',
initialEditType: 'markdown',
previewStyle: 'vertical',
events: {
change: function () {
console.log(editor.getMarkdown())
},
}
});

</script>

<div id="editor"></div>

https://github.com/xoofx/markdig