quill

quill Rich文本编辑器

文档•开发•贡献•互动游乐场

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

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

Quickstart

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

quill stylesheet –>
<link
href=\”https://cdn.jsd*eli**vr.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.jsd*eli**vr.net/npm/quill@2/dist/ quill .js\”></script>

<!– Initialize quill editor –>
<script>
const quill = new quill (\”#editor\”, {
theme: \”snow\”,
});
</script>\”>

 <!-- Include quill stylesheet -->
< link
  href =\" https://cdn.jsd*eli**vr.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.jsd*eli**vr.net/npm/quill@2/dist/ quill .js \" > </ script >

<!-- Initialize quill editor -->
< 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>

<!– Theme included stylesheets –>
<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\”
/>

<!– Core build with no theme, formatting, non-essential modules –>
<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>\”>

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

<!-- Theme included stylesheets -->
< 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 \"
/>

<!-- Core build with no theme, formatting, non-essential modules -->
< 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句