quill

其他资源 2025-08-07

quill Rich文本编辑器

文档开发贡献互动游乐场


quill是一款旨在兼容和可扩展性的现代文本编辑器。它是由Jason Chen和Byron Milligan创建的,并由Slab积极维护。

首先,请查看https://**quilljs.*com/以获取文档,指南和现场演示!

Quickstart

用DIV的CSS选择器将新的quill对象实例化,该对象应成为编辑器。

quill stylesheet -->

Hello World!

Some initial bold text


">
 
< link
  href =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ 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 >
  < p > Some initial < strong > bold  strong > text  p >
  < p > < br />  p >
 div >


< script src =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ quill .js " >  script >


< script >
  const quill = new quill ( "#editor" , {
    theme : "snow" ,
  } ) ;
 script >

查看quill网站以获取更多文档,指南和实时游乐场!

下载

npm install quill

CDN

quill library --> ">
 
< script src =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ quill .js " >  script >


< link
  href =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ quill .snow.css "
  rel =" stylesheet "
/>
< link
  href =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ quill .bubble.css "
  rel =" stylesheet "
/>


< link
  href =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ quill .core.css "
  rel =" stylesheet "
/>
< script src =" https://cdn.jsd*eli**vr.net/npm/quill@2/dist/ quill .core.js " >  script > 

社区

获得帮助或保持最新状态。

  • 在问题上做出贡献
  • 询问讨论的问题

执照

BSD 3句

下载源码

通过命令行克隆项目:

git clone https://github.com/slab/quill.git