说明: 这是暂时的 quill 含有 @ tapas100 的分叉 CVE 修补。防止巢穴依赖性使用未固定的 quill 依赖,在您的 package.json数字 :

{
  "dependencies": {
    "@dotwee/quill": "2.0.7"
  },
  "overrides": {
    "quill": "npm:@dotwee/[email protected]"
  }
}

Quill 丰富的文本编辑器

文档 二. 支助 发展 二. 支助 捐款 二. 支助 交互式播放场

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

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

快速启动

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

<!-- 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>

看看这个 奎尔 更多文件、指南和网站 现场操场来啊!

下载

npm install @dotwee/quill

光盘N

<!-- 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>

社区

寻求帮助或保持更新.

• 贡献 打开 问题
• 询问 讨论情况

许可证

BSD 三声道