Quill中文文档
  • 简介
  • 文档(Document)
    • 快速开始(QuickStart)
    • 下载(Download)
    • 配置项(Configuration)
    • 格式化(Formats)
    • API
      • content
      • formatting
      • selection
      • editor
      • events
      • model
      • extension
    • Delta
    • 模块(Modules)
      • 工具栏(Toolbar)
      • 键盘(Keyboard)
      • 历史(History)
      • 剪贴板(Clipboard)
      • 格式化(Formula)
      • 语法高亮(Syntax Highlighter)
    • 主题(Themes)
  • 指南(Guides)
    • 为什么要用Quill?(Why Quill)
    • 怎么自定义Quill
    • 将Quill添加到你的构建系统
    • 构建自定义模块
    • 通过Parchment克隆Medium
    • 设计Delta的格式
    • 与其他富文本编辑器对比
    • 升级到1.0
  • 其他相关库(Other)
    • Parchment
    • 自定义总结
  • 更新日志
Powered by GitBook
On this page
  • 用法
  • Bubble
  • Snow
  • 定制化
  1. 文档(Document)

主题(Themes)

Previous语法高亮(Syntax Highlighter)Next指南(Guides)

Last updated 5 years ago

主题可以轻松的使你的编辑器看起来很好看。Quill目前有两个主题:和

用法

<!-- Add the theme's stylesheet -->
<link rel="stylesheet" href="//cdn.quilljs.com/1.3.4/quill.bubble.css">

<script src="//cdn.quilljs.com/1.3.4/quill.js"></script>
<script>
var quill = new Quill('#editor', {
  theme: 'bubble'   // Specify theme in configuration
});
</script>

Bubble

Bubble是一个简单的基于tooltip的主题。

Snow

Snow是一个干净的浮动工具栏主题。

定制化

主题主要通过其css样式来控制Quill的外观,并且通过覆盖这些规则很容易作出许多改变。与任何其他Web应用程序一样,只需使用浏览器开发控制台检查元素即可查看影响它们的规则,这是最简单的方法。

许多其他定制化可以通过各自的模块完成。例如:工具栏可能是最明显的用户界面,但是大部分的定制工作是通过工具栏模块完成的。

独立演示
独立演示
Snow
Bubble