javascript - 防止在 quilljs 编辑器中以 Angular 5+ 组件执行 TAB-Event

Question

为了防止在我的 Angular 5+ 组件中触发选项卡事件，我使用文档中提到的绑定覆盖了选项卡事件的标准 quill 实现

const bindings = {
  // This will overwrite the default binding also named 'tab'
  tab: {
    key: 9,
    handler: function(range) {
      // Handle tab
    },
  },
};

由于我们不想处理嵌套的有序或无序列表，我希望 tab 事件不会在空列表条目上触发。

有谁知道如何修改自定义处理程序以防止此功能？

标签： javascriptangularquill

Answer 1

您必须以这种方式定义“模块”属性：

var quill = new Quill('#editor', {
  modules: {
    keyboard: {
      bindings: {
                indent: {
                    key: 'Tab',
                    handler() {
                        return false;
                    },
                },
                outdent: {
                    key: 'Tab',
                    shiftKey: true,
                    handler() {
                        return false;
                    },
                },
            }
    }
  }
});