介紹#
動態圖效果:
引入懸浮菜單文件#
下載下來,拷貝到專案中:
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);