快速开始

最好的入门方法是尝试一个简单的例子。 使用DOM元素初始化Quill以包含编辑器。 该元素的内容将成为Quill的初始内容。

  1. <!-- Include stylesheet -->
  2. <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
  4. <!-- Create the editor container -->
  5. <div id="editor">
  6.   <p>Hello World!</p>
  7.   <p>Some initial <strong>bold</strong> text</p>
  8.   <p><br></p>
  9. </div>
  11. <!-- Include the Quill library -->
  12. <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
  14. <!-- Initialize Quill editor -->
  15. <script>
  16.   var quill = new Quill('#editor', {
  17.     theme: 'snow'
  18.   });
  19. </script>

这就是它的全部！

下一步

Quill真正的神奇之处在于其灵活性和可扩展性。 您可以通过在整个站点中播放演示或直接访问Interactive Playground来了解可能的内容。 有关深入演练，请参阅如何自定义Quill。