Quill 的建立是为了解决现有的所见即所得(WYSIWYG)的编辑器本身就是所见即所得(指不能再扩张)的问题。如果编辑器不正是你想要的方式,这是很难或不可能对其进行自定义以满足您的需求。
Quill 旨在通过把自身组织成模块,并提供了强大的 API 来构建额外的模块来解决这个问题。它也并没有规定你用样式来定义编辑器皮肤。Quill 还提供了所有你希望富文本编辑器说用于的功能,包括轻量级封装,众多的格式化选项,以及广泛的跨平台支持。
下面是一个简单的使用示例:
<!-- Create the toolbar container -->
<div id=
"toolbar"
>
<button
class
=
"sc-bold"
>Bold</button>
<button
class
=
"sc-italic"
>Italic</button>
</div>
<!-- Create the editor container -->
<div id=
"editor"
>
<div>Hello World!</div>
</div>
<!-- Include the Quill library -->
<script src=
"http://quilljs.com/js/quill.js"
></script>
<!-- Initialize Quill editor -->
<script>
var
editor =
new
Quill(
'#editor'
);
editor.addModule(
'toolbar'
, { container:
'#toolbar'
});
</script>