quilljs-markdown

Markdown for Quill Editor

QuillJS Markdown shortcut Extension.

NPM

DEMO

Wrote Library with ES6 and Standard Javascript Codestyle.

How to install

NPM

npm i quilljs-markdown

or

CDN

<script src="https://cdn.jsdelivr.net/npm/quilljs-markdown@latest/dist/quilljs-markdown.js"><script>

How to use

import Quill from 'quill'
import QuillMakrdown from 'quilljs-markdown'

const editor = new Quill('#editor', options)
new QuillMarkdown(editor)

or

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quilljs-markdown@latest/dist/quilljs-markdown.js"><script>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

<script>
    document.addEventListener('DOMContentLoaded', () => {
      var quill = new Quill('#editor', {
        theme: 'snow'
      });
      new QuillMarkdown(quill)
    })
<script>

Heading

# MyTitle
## MyTitle
### MyTitle
#### MyTitle
##### MyTitle

Blockquote

> blockquote text

bold

**Bold Text**

Link

[link text](https://link_url)

inline code

`inline code block`

Code block

```
code block
```