md editor simplemde
https://simplemde.com/markdown-guide
https://github.com/sparksuite/simplemde-markdown-editor/tree/master
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SimpleMDE Example</title>
<!-- Подключение библиотеки SimpleMDE -->
<link rel="stylesheet" href="/md_test/simplemde/simplemde.min.css">
<script src="/md_test/simplemde/simplemde.min.js"></script>
</head>
<body>
<!-- Элемент, в который будет вставлен редактор Markdown -->
<textarea id="my-editor"></textarea>
<script>
document.addEventListener("DOMContentLoaded", function() {
var simplemde = new SimpleMDE({ element: document.getElementById("my-editor") });
});
</script>
<!-- Элемент, в который будет вставлен просмотр Markdown -->
<div id="markdown-viewer"></div>
<div style="display:none"><textarea id="my-editor2" ></textarea></div>
<script>
document.addEventListener("DOMContentLoaded", function() {
var markdownText = `# Заголовок
Это пример текста в формате Markdown.
- Пункт 1
- Пункт 2
- Пункт 3
**Жирный текст** и *курсив*`
var simplemde = new SimpleMDE({
element: document.getElementById("my-editor2"),
toolbar: false,
status: false,
forceSync: true,
initialValue: '', //markdownText,
previewRender: function(plainText) {
return SimpleMDE.prototype.markdown(plainText)
}
})
var markdownHtml = simplemde.markdown(markdownText)
document.getElementById("markdown-viewer").innerHTML = markdownHtml
})
</script>
</body>
</html>
```