myesn

myEsn2E9

hi
github

wangEditor:新增表格懸浮菜單實現全選表格

介紹#

動態圖效果:
動畫

引入懸浮菜單文件#

下載下來,拷貝到專案中:
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);

完整的代碼#

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。