quill-editor表格
时间: 2023-08-31 13:09:47 浏览: 79
quill-editor 支持添加和编辑表格,包括设置行数、列数、合并单元格、添加表头等操作。
添加表格:
```
var tableData = [
['', 'Header 1', 'Header 2'],
['Row 1', 'Cell 1', 'Cell 2'],
['Row 2', 'Cell 3', 'Cell 4']
];
var table = document.createElement('table');
tableData.forEach(function(rowData) {
var row = document.createElement('tr');
rowData.forEach(function(cellData) {
var cell = document.createElement('td');
cell.appendChild(document.createTextNode(cellData));
row.appendChild(cell);
});
table.appendChild(row);
});
quill.clipboard.dangerouslyPasteHTML(0, table.outerHTML);
```
设置表格属性:
```
var table = quill.getModule('table');
table.insertTable(rows, cols, { headerRows: 1 });
```
获取选中的表格信息:
```
var table = quill.getModule('table');
var tableInfo = table.getTable();
```
合并单元格:
```
var table = quill.getModule('table');
table.mergeCells(startRow, startCol, endRow, endCol);
```
取消合并单元格:
```
var table = quill.getModule('table');
table.unmergeCells(row, col);
```
插入、删除列:
```
var table = quill.getModule('table');
table.insertColumn(index);
table.deleteColumn(index);
```
插入、删除行:
```
var table = quill.getModule('table');
table.insertRow(index);
table.deleteRow(index);
```
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)