@4leaf.njm/quill 中文文档教程

Question

Quill Rich Text Editor

快速入门 • 文档 • 开发 • 贡献 • 互动游乐场

QuillJS 是为兼容性和可扩展性而构建的现代富文本编辑器。 它由 Jason Chen 和 Byron Milligan 创建，由 Salesforce 开源。

要开始使用，请查看 Quill 网站以获取文档、指南和现场演示！

Quickstart

使用 css 选择器为应该成为编辑器的 div 实例化一个新的 Quill 对象。

<!-- Include Quill stylesheet -->
<link href="https://cdn.quilljs.com/1.0.0/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>
</div>

<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>

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

查看 Quill 网站，获取更多文档、指南和现场直播游乐场！

Download

• npm - npm install quill
• tar - https://github.com/quilljs/quill/releases

CDN

<!-- Main Quill library -->
<script src="//cdn.quilljs.com/1.0.0/quill.js"></script>
<script src="//cdn.quilljs.com/1.0.0/quill.min.js"></script>

<!-- Theme included stylesheets -->
<link href="//cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet">
<link href="//cdn.quilljs.com/1.0.0/quill.bubble.css" rel="stylesheet">

<!-- Core build with no theme, formatting, non-essential modules -->
<link href="//cdn.quilljs.com/1.0.0/quill.core.css" rel="stylesheet">
<script src="//cdn.quilljs.com/1.0.0/quill.core.js"></script>

Community

获取帮助或了解最新信息。

• Contribute on Issues
• Follow @jhchen and @quilljs on Twitter
• Ask questions on Stack Overflow
• If privacy is required, email support@quilljs.com

License

BSD 3 条款