angular quill-editor 表格

angular quill-editor 可以通过添加 Table Blot 插件来支持表格功能。使用如下步骤：

1. 安装 table-blot 插件：

npm install quill-table-blot --save

2. 在需要使用 quill-editor 的组件中引入相关模块：

import { NgModule } from '@angular/core';
import { QuillModule } from 'ngx-quill';
import { TableBlotModule } from 'quill-table-blot';

@NgModule({
  imports: [
    QuillModule.forRoot({
      modules: {
        table: true // 启用表格模块
      }
    }),
    TableBlotModule
  ]
})
export class MyModule { }

3. 在 quill-editor 的 HTML 模板中使用表格：

<quill-editor>
  <div quill-editor-toolbar>
    <span class="ql-formats">
      <select class="ql-header">
        <option value="1"></option>
      </select>
      <button class="ql-bold"></button>
      <button class="ql-italic"></button>
      <button class="ql-underline"></button>
    </span>
    <span class="ql-formats">
      <button class="ql-table"></button>
    </span>
  </div>
  <div quill-editor-content></div>
</quill-editor>

在编辑器中点击表格按钮，即可添加表格。