wangeditor5 实现表格

要在wangeditor5中实现表格，可以按照以下步骤操作：

1. 在页面上引入wangeditor5的js和css文件。

2. 创建一个div元素作为编辑器的容器。

3. 初始化编辑器，设置编辑器的菜单选项，包括插入表格的按钮。

4. 在插入表格按钮的点击事件中，调用编辑器的插入表格方法。

以下是一个示例代码：

HTML代码：

<div id="editor"></div>

JavaScript代码：

// 引入wangeditor5的js和css文件
<script src="https://cdn.jsdelivr.net/npm/wangeditor@5.0.13/dist/wangEditor.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/wangeditor@5.0.13/dist/wangEditor.min.css">

// 创建编辑器的容器
var editor = new wangEditor('#editor');

// 初始化编辑器
editor.config.menus = [
    'bold',
    'italic',
    'underline',
    'strikeThrough',
    'emoticon',
    'table'
];
editor.create();

// 插入表格按钮的点击事件
editor.$btnContainer.find('.w-e-table').click(function () {
    editor.command(null, 'insertHTML', '<table><tr><td>单元格1</td><td>单元格2</td></tr><tr><td>单元格3</td><td>单元格4</td></tr></table>');
});

在上述示例中，我们设置了编辑器的菜单选项，包括插入表格的按钮。然后，在插入表格按钮的点击事件中，我们调用了编辑器的插入HTML方法，插入了一个简单的2行2列的表格。您可以根据需要修改表格的HTML代码以实现更复杂的表格布局。