<div id="editor-container">
</div>
#editor-container {
  height: 375px;
}
var quill = new Quill('#editor-container', {
  modules: {
    toolbar: [
      [{ header: [1, 2, false] }],
      ['bold', 'italic', 'underline'],
      ['image', 'code-block']
    ]
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'  // or 'bubble'
});

External CSS

  1. //cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/monokai-sublime.min.css
  2. //cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css
  3. //cdn.quilljs.com/1.3.6/quill.bubble.css
  4. //cdn.quilljs.com/1.3.6/quill.snow.css

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js
  2. //cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js
  3. //cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js
  4. //cdn.quilljs.com/1.3.6/quill.js