# 快速開始 我們從一個簡單的例子開始。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)