# @dotwee/quill 中文文档

规范地址：https://npmcn.com/package/%40dotwee/quill/

版本：2\.0\.9
npm 元数据更新时间：2026-04-01T13:26:34.877Z
中文译文更新时间：2026-11-12T17:36:55.684Z
软件包许可：BSD-3-Clause

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40dotwee/quill
原文对照：https://npmcn.com/package/%40dotwee/quill/?lang=original
项目主页：https://quilljs.com/
源码仓库：https://github.com/dotwee/quill

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：3 MB，287 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：4 个
- 首次发布：2026-02-10T16:35:00.571Z
- 最新版本发布：2026-04-01T13:26:34.774Z
- 近 30 天下载量：40858（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：6（近 12 个月 6 个）

## 中文简介

你的强大而丰富的文本编辑器

## 安装

```sh
npm install @dotwee/quill
```

也可以使用：`pnpm add @dotwee/quill`、`yarn add @dotwee/quill`、`bun add @dotwee/quill`

## README

> **说明:** 这是暂时的 `quill` 含有 @ tapas100 的分叉 [CVE 修补](https://github.com/slab/quill/pull/4774)。防止巢穴依赖性使用未固定的 `quill` 依赖,在您的 `package.json`数字 :

```json
{
  "dependencies": {
    "@dotwee/quill": "2.0.7"
  },
  "overrides": {
    "quill": "npm:@dotwee/quill@2.0.7"
  }
}
```

* * *

# [Quill 丰富的文本编辑器](https://quilljs.com/ "Quill")

[![Quill Logo](https://quilljs.com/assets/images/logo.svg)](https://quilljs.com/ "Quill")

[**文档**](https://quilljs.com/docs/quickstart "Documentation") 二. 支助 [**发展**](https://github.com/slab/quill/blob/main/.github/DEVELOPMENT.md "Development") 二. 支助 [**捐款**](https://github.com/slab/quill/blob/main/.github/CONTRIBUTING.md "Contributing") 二. 支助 [**交互式播放场**](https://quilljs.com/playground/ "Interactive Playground")

[![Build Status](https://github.com/dotWee/quill/actions/workflows/main.yml/badge.svg)](https://github.com/dotWee/quill/actions "Build Status") [![Version](https://img.shields.io/npm/v/quill.svg)](https://npmjs.com/package/@dotwee/quill "Version") [![Downloads](https://img.shields.io/npm/dm/quill.svg)](https://npmjs.com/package/@dotwee/quill "Downloads")

* * *

[奎尔](https://quilljs.com/) 是一个现代丰富的文本编辑器,用于兼容性和扩展性。 它的创建由 [陈杰森](https://twitter.com/jhchen) 财务报告和审定财务报表 [拜伦·米利根](https://twitter.com/byronmilligan) 并积极维护 [板块](https://slab.com/)。 。 。 .

要开始,检查出来 [https://quilljs.com/ (中文(简体) )](https://quilljs.com/) 用于文档、引导和现场演示!

## 快速启动

为应该成为编辑器的 div 设置 Css 选择器, 以证实一个新的 Quill 对象 .

```html
<!-- Include Quill stylesheet -->
<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/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>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br /></p>
</div>

<!-- Include the Quill library -->
<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
  const quill = new Quill("#editor", {
    theme: "snow",
  });
</script>
```

看看这个 [奎尔](https://quilljs.com/) 更多文件、指南和网站 [现场操场](https://quilljs.com/playground/)来啊!

## 下载

```shell
npm install @dotwee/quill
```

### 光盘N

```html
<!-- Main Quill library -->
<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.js"></script>

<!-- Theme included stylesheets -->
<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.snow.css"
  rel="stylesheet"
/>
<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.bubble.css"
  rel="stylesheet"
/>

<!-- Core build with no theme, formatting, non-essential modules -->
<link
  href="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.css"
  rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/quill@2/dist/quill.core.js"></script>
```

## 社区

寻求帮助或保持更新.

-   [贡献](https://github.com/slab/quill/blob/main/.github/CONTRIBUTING.md) 打开 [问题](https://github.com/slab/quill/issues)
-   询问 [讨论情况](https://github.com/slab/quill/discussions)

## 许可证

BSD 三声道

## 常见问题

### @dotwee/quill 是什么？

你的强大而丰富的文本编辑器

### 如何安装 @dotwee/quill？

在项目目录运行 npm install @dotwee/quill，或使用 pnpm add / yarn add / bun add。

### @dotwee/quill 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @dotwee/quill 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @dotwee/quill 可以商用吗？

@dotwee/quill 使用 BSD-3-Clause 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。另外不得用原作者名义为衍生产品背书。以上为概括，不构成法律意见，请以许可原文为准。

### @dotwee/quill 的下载量有多少？

根据 npm 官方下载统计，@dotwee/quill 在 2026/10/13 – 2026/11/11 这 30 天内被下载 40,858 次，日均约 1,362 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @dotwee/quill 还在维护吗？

最新版本 2\.0\.9 发布于 2026/04/01（7 个月前）；至今共发布 6 个版本，其中过去 12 个月发布了 6 个；首次发布于 2026/02/11。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。