You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用Vue2Editor组件的自动项目符号功能?

解决Vue2Editor自动将“- ”转换为
  • 标签的问题
  • Vue2Editor基于Quill编辑器,你遇到的“输入- 自动转列表”是Quill的默认行为,可通过配置Quill的键盘绑定来禁用:

    1. 在组件中添加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>
    
    1. 原理说明:
      Quill的Keyboard模块默认绑定了输入- 、* 、+ 后自动创建无序列表的逻辑,将bindings中的list设为false即可取消这一行为,让- 保持纯文本格式。

    内容的提问来源于stack exchange,提问作者LillyCode

    相关产品推荐
    方舟 Agent Plan

    超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

    最近更新时间:2026.07.27 06:29:56