vue-quill-editor 回车事件问题

本文介绍如何在Vue-quill-editor中定制回车事件。通过在配置中替换默认事件,可以实现对回车操作的特殊处理,并且保持编辑器的正常功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用vue-quill-editor富文本编辑器的时候发现一个问题:添加了一个回车事件的代码,发现没有任何执行
在这里插入图片描述
网上看了一些文章是这样写的:
在这里插入图片描述
试了也没有反应,于是在官网文档中研究了半天,终于找到了解决的办法,文档说:有些绑定对于防止危险的浏览器默认值非常重要,比如回车键和退格键。您不能删除这些绑定以恢复到本机浏览器行为。但是,由于配置中指定的绑定将在Quill的默认值之前运行,所以您可以处理特殊情况并传播到Quill的默认值。
也就是说我们必须在配置里面替换掉默认事件,如下:
我们只需要在配置里配置上这一项,就可以了
在这里插入图片描述

keyboard: {
	bindings: {
		enter: {
			key: 13,
			handler: (range, context)=> {
				// Handle shift+b
				console.log('enter');
				this.send_val(this.input_content)
			}
		},
	}
}

效果:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值