如何把quill过滤html,Quill js在编辑器中删除嵌入或html内容

代码示例:

const Embed = Quill.import('blots/embed')

Quill.register(class extends Embed {

static create (key) {

let node = super.create()

node.setAttribute('data-key', key)

node.innerHTML = `#${key}`

return node

}

static value (node) {

return node.dataset.key

}

static blotName = 'customEmbed'

static className = 'customEmbed'

static tagName = 'span'

})

const quill = new Quill('#editor', {

placeholder: 'Compose an epic...',

theme: 'snow' // or 'bubble'

})

document.getElementById('insertEmbded').onclick = () => {

quill.insertEmbed(0, 'customEmbed', 'insertedEmbed')

}

document.getElementById('sidebar')

.querySelectorAll('.customEmbed')

.forEach(e => {

e.ondragstart = ev => {

ev.dropEffect = 'copy'

ev.effectAllowed = 'copy'

ev.dataTransfer.setData('text', ev.target.innerHTML)

ev.dataTransfer.setData('html', `${ev.target.innerHTML}`)

}

e.setAttribute('draggable', 'true')

})

如果我不设置文本数据传输,则drop只是“disabled/ignored”,而html数据传输则完全忽略。

提前感谢您的进一步回复。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值