myesn

myEsn2E9

hi
github

wangEditor: 新增 table 悬浮菜单实现全选 table

介绍#

动态图效果:
动画

引入悬浮菜单文件#

下载下来,拷贝到项目中:
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);

完整的代码#

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。