## 快速开始 最好的入门方法就是尝试一个简单的例子。Quill使用DOM元素初始化一个编辑器。这个元素的内容将成为Quill的初始化内容。建议以div标签作为初始化容器,textarea标签会出现样式问题,及Quill初始化获取不到textarea的初始化内容。 ``` <!-- 引入样式文件 --> <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"> <!-- 创建一个编辑器容器 --> <div id="editor"> <p>Hello World!</p> <p>Some initial <strong>bold</strong> text</p> <p><br></p> </div> <!-- 引入Quill库文件 --> <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script> <!-- 初始化Quill编辑器 --> <script> var quill = new Quill('#editor', { theme: 'snow' }); </script> ``` ![](https://box.kancloud.cn/9114f949ce29c1bf689bbc1f733bdb3c_914x497.png) 这就是一个简单例子的全部内容。 ## 进一步了解 Quill的真正魔力来自于它的灵活性和可扩展性。你能够查看网站上所有的演示或者直接进入[Interactive Playground](https://quilljs.com/playground/)来了解更多。要深入了解,请查看[如何自定义Quill](https://quilljs.com/guides/how-to-customize-quill/)。