quill-editor表格

Quill Editor支持表格的插入和编辑。以下是一些基本用法：

1. 插入表格

在Quill Editor中，可以使用以下代码插入一个空的2x2表格：

var table = document.createElement('table');
table.setAttribute('border', '1');
var tbody = document.createElement('tbody');
table.appendChild(tbody);
for (var i = 0; i < 2; i++) {
  var row = document.createElement('tr');
  for (var j = 0; j < 2; j++) {
    var cell = document.createElement('td');
    cell.textContent = '';
    row.appendChild(cell);
  }
  tbody.appendChild(row);
}
var range = quill.getSelection();
quill.insertEmbed(range.index, 'table', table.outerHTML);

这将在光标位置插入一个空的2x2表格。

2. 编辑表格

要编辑表格，可以使用以下代码：

quill.root.addEventListener('click', function(event) {
  var table = event.target.closest('table');
  if (table) {
    var range = quill.getSelection();
    quill.setSelection(range.index, range.length);
  }
});

这将在单击表格时选择整个表格，以便进行编辑。

3. 删除表格

要删除表格，可以使用以下代码：

var table = document.querySelector('table');
var range = quill.getSelection();
quill.deleteText(range.index, 1);
quill.setSelection(range.index - 1);

这将删除光标前面的表格，并将光标移动到表格前面。