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 QuillMarkdown 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>

Paste support for Markdown format.

Pasting the Markdown form,

Shows the corresponding Markdown result.

Heading

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

Blockquote

> blockquote text

bold

**Bold Text**
__Bold Text__

Italic

*Italics Text*
_Italics Text_

Link

[link text](https://link_url)

inline code

`inline code block`

Code block

```
code block
```

List

1. one
2. two
3. three

* one
* two
* three

Strikethrough

~~Strikethrough~~

Checkbox

[ ] checkbox
[x] checked