快速开始

最好的开发方法就是尝试一个简单的例子。Quill使用DOM元素初始化一个编辑器。这个元素的内容将成为Quill的初始化内容。

  1. <!-- 引入样式文件 -->
  2. <link href="https://cdn.quilljs.com/1.3.4/quill.snow.css" rel="stylesheet">
  4. <!-- 创建一个编辑器容器 -->
  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. <!-- 引入Quill库文件 -->
  12. <script src="https://cdn.quilljs.com/1.3.4/quill.js"></script>
  14. <!-- 初始化Quill编辑器 -->
  15. <script>
  16.   var quill = new Quill('#editor', {
  17.     theme: 'snow'
  18.   });
  19. </script>

这个就是一个简单例子的全部内容。

进一步了解

Quill的真正魔力来自于它的灵活性和可扩展性。你能够查看网站上所有的演示或者直接进入Interactive Playground来了解更多。要深入了解，请查看如何自定义Quill。