如何把quill过滤html,Quill js在编辑器中删除嵌入或html内容
时间: 2023-11-19 14:05:58 浏览: 327
要过滤Quill中的HTML内容,可以使用Quill的Delta模块来解析和过滤HTML。以下是一个示例代码:
```
// 初始化Quill编辑器
var quill = new Quill('#editor', {
theme: 'snow'
});
// 过滤HTML
function filterHtml(html) {
var delta = new Delta().insert(html);
var plainText = delta
.filter(function(op) {
return typeof op.insert === 'string';
})
.map(function(op) {
return op.insert;
})
.join('');
return plainText;
}
// 删除嵌入或HTML内容
function removeContent() {
var selection = quill.getSelection();
if (selection) {
quill.deleteText(selection.index, selection.length);
}
}
// 监听删除按钮
document.querySelector('#delete-btn').addEventListener('click', removeContent);
```
在上面的代码中,`filterHtml`函数将HTML转换为纯文本,并返回纯文本字符串。`removeContent`函数将当前选定的内容从Quill编辑器中删除。你可以根据自己的需求更改这些函数。
另外,可以使用Quill的Paste模块来控制用户粘贴到编辑器中的内容。这将帮助你在编辑器中过滤和控制HTML内容。
希望这可以帮到你。
阅读全文