一、项目介绍

它是目前 GitHub 上 Star 数最多的所见即所得 Web 编辑器，具有强大的可扩展性和兼容性，支持台式机、平板电脑和手机上几乎所有的浏览器。

凭借其可扩展架构和富有表现力的 API，可以完全自定义它以满足个性化的需求。由于其模块化架构和富有表现力的 API，可以从 Quill 核心开始，然后根据需要自定义其模块或将自己的扩展添加到这个富文本编辑器中。

它提供了两个用于更改编辑器外观的主题，可以使用插件或覆盖其 CSS 样式表中的规则进一步自定义。Quill 还支持任何自定义内容和格式，因此可以添加嵌入式幻灯片、3D 模型等。

二、功能介绍

• 由于其 API 驱动的设计，无需像在其他文本编辑器中那样解析 HTML 或不同的 DOM 树；
• 跨平台和浏览器支持，快速轻便；
• 通过其模块和富有表现力的 API 完全可定制；
• 可以将内容表示为 JSON，更易于处理和转换为其他格式；
• 提供两个主题以快速轻松地更改编辑器的外观。

三、快速引入

直接在需要引入富文本编辑器的页面引入以下代码：

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


<div id="toolbar">
  <button class="ql-bold">Bold</button>
  <button class="ql-italic">Italic</button>
</div>


<div id="editor">
  <p>Hello World!</p>
</div>


<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>


<script>
  var editor = new Quill('#editor', {
    modules: { toolbar: '#toolbar' },
    theme: 'snow',
  });
</script>

五、项目截图

功能上支持图片上传、视频、代码高亮（内置了highlight）等功能。