Current, I have a quill editor supporting markdown that look like this
var quill = new Quill('#editor', {
theme: 'snow'
});
new QuillMarkdown(quill)
quill.on('text-change', function(delta, oldDelta, source) {
document.getElementById("ql").value = quill.root.innerHTML;
});<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<!-- Markdown extension -->
<script src="https://cdn.jsdelivr.net/npm/quilljs-markdown@latest/dist/quilljs-markdown.js"></script>
<!-- Create the editor container -->
<div id="editor">
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
<p><br></p>
</div>
<input type="hidden" id="ql" name="ql"></input>It looks fine, however, I tried to config it to work as this as in gitlab https://codesandbox.io/s/react-mde-latest-5i5ov?file=/src/index.js with no avail as it is reactjs instead pure javascript as mine.
THow can config my current quill editor to look and function as that above? Thanks