# 快速开始 我们从一个简单的例子开始。Quill是用DOM元素初始化成编辑器，DOM元素内的内容将成为Quill的初始内容。 ```html <!--引入样式表--> <link href="https://cdn.staticfile.org/quill/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.staticfile.org/quill/1.3.6/quill.js"></script> <!-- Initialize Quill editor --> <script> var quill = new Quill('#editor', { theme: 'snow' }); </script> ``` And 就这么简单! <iframe height="320" style="width: 100%;" scrolling="no" title="Quill Hello World" src="https://codepen.io/liuwave/embed/vYEBpWG?height=320&theme-id=light&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true"> See the Pen <a href='https://codepen.io/liuwave/pen/vYEBpWG'>Quill Hello World</a> by 葡萄架 (<a href='https://codepen.io/liuwave'>@liuwave</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> ## 下一步 Quill真正的魅力在于它的灵活性和可扩展性。你可以通过这个网站的演示或者直接通过<a target="_blank" href="https://codepen.io/liuwave/pen/wvBwqod">互动演示</a>去了解什么是可能的。 深入了解后，去看看[如何定制Quill](guides/how-to-customize-quill.md)