イントロ#
動画効果:
ホバーメニューファイルの導入#
ダウンロードして、プロジェクトにコピーしてください:
wang-editor-table-select-all-hover-menu.js
テーブルにホバーメニューを追加#
次に、wang-Editor
のインスタンス化後に、テーブルのホバーメニューを構成してください:
const editor = createEditor({
selector: '#editor-container',
html: '<p><br></p>',
config: editorConfig,
mode: 'default', // or 'simple'
});
// メニューを登録
wangEditor.Boot.registerMenu(wangEditorTableSelectAllHoverMenu);
// エディター作成後にpushするか、
// editor.getConfig().hoverbarKeys.table.menuKeys.push(wangEditorTableSelectAllHoverMenu.key);
// 指定されたインデックス位置に挿入
editor.getConfig().hoverbarKeys.table.menuKeys.splice(1, 0, wangEditorTableSelectAllHoverMenu.key);