介绍#
动态图效果:
引入悬浮菜单文件#
下载下来,拷贝到项目中:
wang-editor-table-select-all-hover-menu.js
为 table 新增悬浮菜单#
然后在 wang-Editor
实例化后配置 table 悬浮菜单:
const editor = createEditor({
selector: '#editor-container',
html: '<p><br></p>',
config: editorConfig,
mode: 'default', // or 'simple'
});
// 注册菜单
wangEditor.Boot.registerMenu(wangEditorTableSelectAllHoverMenu);
// 在 editor 创建后 push,或者通过
// editor.getConfig().hoverbarKeys.table.menuKeys.push(wangEditorTableSelectAllHoverMenu.key);
// 在指定索引位置插入
editor.getConfig().hoverbarKeys.table.menuKeys.splice(1, 0, wangEditorTableSelectAllHoverMenu.key);