防止在angular 5+组件的quilljs编辑器中执行TAB

import { Injectable } from '@angular/core';
import Quill from 'quill';

@Injectable({
  providedIn: 'root'
})
export class TabPreventionService {
  preventTab(editor: Quill): void {
    const keyboard = editor.getModule('keyboard');
    keyboard.addBinding({
      key: 'Tab',
      handler: () => {
        return false; // 阻止TAB键的默认行为
      }
    });
  }
}

import { Component, OnInit } from '@angular/core';
import Quill from 'quill';
import { TabPreventionService } from './tab-prevention.service';

@Component({
  selector: 'app-editor',
  template: '<div id="editor"></div>',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent implements OnInit {
  constructor(private tabPreventionService: TabPreventionService) {}

  ngOnInit(): void {
    const editor = new Quill('#editor', {
      // Quill的配置选项
    });

    this.tabPreventionService.preventTab(editor);
  }
}