quill

2018-05-16 admin

quill是什么

什么是quill,Cross browser rich text editor

quill介绍

<link href=“https://cdn.quilljs.com/1.0.0/quill.snow.css” rel=“stylesheet”>

<!-- Create the toolbar container --> <div id=“toolbar”> <button class=“ql-bold”>Bold</button> <button class=“ql-italic”>Italic</button> </div>

<!-- Create the editor container --> <div id=“editor”> <p>Hello World!</p> </div>

<!-- Include the Quill library --> <script src=“https://cdn.quilljs.com/1.0.0/quill.js”></script>

<!-- Initialize Quill editor --> <script> var editor = new Quill(’#editor’, { modules: { toolbar: ‘#toolbar’ }, theme: ‘snow’ }); </script>


Take a look at the [Quill](https://quilljs.com/) website for more documentation, guides and [live playground](https://quilljs.com/playground/)!

## [](#download)Download

### [](#cdn)CDN

```text-html-basic
<!-- Main Quill library -->
<script src="//cdn.quilljs.com/1.0.0/quill.js"></script>
<script src="//cdn.quilljs.com/1.0.0/quill.min.js"></script>

<!-- Theme included stylesheets -->
<link href="//cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet">
<link href="//cdn.quilljs.com/1.0.0/quill.bubble.css" rel="stylesheet">

<!-- Core build with no theme, formatting, non-essential modules -->
<link href="//cdn.quilljs.com/1.0.0/quill.core.css" rel="stylesheet">
<script src="//cdn.quilljs.com/1.0.0/quill.core.js">

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-32315.html

文章标题:quill

回到顶部