Quill：配置

Quill：配置

配置

Container

Quill编辑器需要一个容器，我们可以通过传入一个CSS选择器或一个DOM对象。

var editor = new Quill('.editor');
1

或者

var container = document.getElementById('editor');
var editor = new Quill(container);
1
2

或者

// var container = $(".editor").get(0); // jquery
var container = document.getElementsByClassName("editor")[0];
var editor = new Quill(container);
1
2
3

Options

我们可以通过传入一个options对象来配置Quill。

var options = {
  debug: 'info',
  modules: {
    toolbar: '#toolbar'
  },
  placeholder: 'Compose an epic...',
  readOnly: true,
  theme: 'snow'
};
var editor = new Quill('#editor', options);
1
2
3
4
5
6
7
8
9
10

Quill内置以下配置项：

bounds???

Default：document.body

DOM元素或者一个DOM元素的css选择器，其中编辑器的UI元素（例如：tooltips）应该被包含其中。目前，只考虑左右边界。

debug

Default: warn

debug的快捷方式。 注意debug是一个静态方法，将影响页面上的其他Quill编辑器实例。 默认情况下，只有警告和错误消息是启用的。

formats

Default: All formats

编辑器中允许的formats白名单。

modules

包含的模块集合和相应的选项。

placeholder

Default: None

在编辑器为空时显示的占位符文本。

readOnly

Default: false

是否将编辑器实例化为只读模式。

scrollingContainer

Default: null

DOM元素或一个DOM元素的CSS选择器，指定哪个容器有滚动条(如overflow-y: auto)，如果是从默认的自定义CSS的ql-editor更改。 当Quill被设置为自动增长其高度，并且另一个祖先容器负责滚动时，必须修复滚动跳跃的bug。

注意：当使用body时，一些浏览器仍然会跳转。可以使用一个单独的div子节点来避免这种情况。

theme

要使用的主题名称。 内置选项是"snow"或"bubble"。 无效或错误的值将加载默认的最小主题。 注意主题的特定样式表仍然需要手工包含。