# Quill Editor

{% hint style="info" %}
Please refer to [Quill Documentation](https://quilljs.com/docs/quickstart/) to learn about plugin options
{% endhint %}

**Step one**

Include the stylesheet quill.snow\.css inside the `<head>`

```markup
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
```

**Step two**

Include the javascript file inside the `<body>`before core template script inclusions.

```markup
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
```

**Step three**

Add the markup.

```markup
<div id="editor">
  <p>Hello World!</p>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br></p>
</div>
```

**Step four**

Apply the plugin.

{% hint style="warning" %}
Make sure you place the following script **below** all the pre-requisites mentioned in the Step two above.
{% endhint %}

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-M4P4POBm9R3K1kWoKRB%2F-M4P52pR5hLwJty1SjNU%2FScreenshot%202020-04-08%20at%207.30.58%20PM.png?alt=media\&token=daac4597-b602-4960-b1fe-6b18fb3e4667)

```markup
<script>
  var quill = new Quill('#editor', {
    theme: 'snow'
  });
</script>
```
