Editor

The best way to get started is try a simple example. Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill.

Quill Editor

Hello World!

Some initial bold text

<div id="quill-container">
  <p>Hello World!</p>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br></p>
</div>
<script>
var toolbarOptions = [
    [{ "header": [1, 2, 3, 4, 5, 6, false] }],
    [{ "list": "ordered"}, { "list": "bullet" }],
    ["blockquote", "code-block"],
    ["bold", "italic", "underline"],
    ["image", "code-block"]
]
var quill = new Quill("#quill-container", {
      modules: {
        toolbar: toolbarOptions
      },
      theme: "snow" 
    });
</script>