quill添加表格

在 Quill 中添加表格可以使用 Quill Table Module 插件。首先，需要导入该插件的 JS 和 CSS 文件，然后在 Quill 的初始化中添加 table 模块配置项，如下所示：

<!-- 引入 Quill 和 Table Module 的 JS 和 CSS -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<link href="https://cdn.quilljs.com/1.3.6/quill.table.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.table.js"></script>

<!-- 在 HTML 中创建编辑器容器 -->
<div id="editor"></div>

<!-- 初始化 Quill 编辑器 -->
<script>
  var quill = new Quill('#editor', {
    modules: {
      toolbar: [
        // ...其他工具按钮
        { header: [1, 2, false] },
        { 'table': 'createTable' } // 添加表格按钮
      ],
      table: true // 开启 table 模块
    },
    placeholder: '请输入内容',
    theme: 'snow'
  });
</script>

上述代码中，`toolbar` 中添加了一个 `table` 按钮用于创建表格，`table` 模块被设置为 `true`，表示开启该模块。

在编辑器中点击表格按钮，会弹出一个对话框，让用户选择表格的行数和列数，然后插入表格。

如果需要在代码中插入表格，可以使用 `insertTable(rows, columns)` 方法，传入行数和列数即可。例如：

quill.insertTable(3, 4); // 插入一个 3 行 4 列的表格