写一个quill.js在富文本里插入分割线的功能

好的，给你提供一个简单的实现方法。你可以在Quill的toolbar中添加一个button，并给其设置点击事件，点击后调用insertLine()函数，在已编辑的文本中插入一条分割线。

实现代码如下：

// 给toolbar添加按钮
var toolbarOptions = [
['bold', 'italic', 'underline', 'strike'],
['blockquote', 'code-block'],
[{ 'header': 1 }, { 'header': 2 }],
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
[{ 'script': 'sub' }, { 'script': 'super' }],
[{ 'indent': '-1' }, { 'indent': '+1' }],
[{ 'direction': 'rtl' }],
[{ 'size': ['small', false, 'large', 'huge'] }],
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[{ 'color': [] }, { 'background': [] }],
[{ 'font': [] }],
[{ 'align': [] }],
['clean'],
['divider'] // 添加分隔线按钮
];

var quill = new Quill('#editor', {
modules: {
toolbar: toolbarOptions
},
theme: 'snow'
});

// 点击分隔线按钮后触发
function insertLine() {
var range = quill.getSelection(true);
quill.insertText(range.index, '\n');
quill.insertEmbed(range.index + 1, 'divider', true);
quill.insertText(range.index + 2, '\n');
}

// 在Quill样式中定义分隔线
var CustomClass = Quill.import('attributors/class/custom');
var Inline = Quill.import('blots/inline');
var Block = Quill.import('blots/block');

class DividerBlot extends Block {}
DividerBlot.blotName = 'divider';
DividerBlot.tagName = 'hr';
Quill.register(DividerBlot);

quill.format('divider', true);

现在你可以在富文本编辑器中使用这个功能，方便快捷地插入分割线。