如何禁用Vue2Editor组件的自动项目符号功能?
解决Vue2Editor自动将“- ”转换为标签的问题
Vue2Editor基于Quill编辑器,你遇到的“输入- 自动转列表”是Quill的默认行为,可通过配置Quill的键盘绑定来禁用:
- 在组件中添加
editor-options属性,传入自定义的Quill配置,禁用键盘触发的自动列表转换:
<template> <VueEditor v-model="position.description" :editor-toolbar="customToolbar" :editor-options="editorOptions" /> </template> <script> export default { data() { return { position: { description: '' }, customToolbar: [ ['bold', 'italic', 'underline'] ], editorOptions: { modules: { keyboard: { bindings: { // 禁用默认的自动列表绑定 list: false } } } } } } } </script>
- 原理说明:
Quill的Keyboard模块默认绑定了输入-、*、+后自动创建无序列表的逻辑,将bindings中的list设为false即可取消这一行为,让-保持纯文本格式。
内容的提问来源于stack exchange,提问作者LillyCode
相关产品推荐
相关产品推荐

