myesn

myEsn2E9

hi
github

wangEditor: テーブルのホバーメニューを追加して、テーブル全体を選択します。

イントロ#

動画効果:
アニメーション

ホバーメニューファイルの導入#

ダウンロードして、プロジェクトにコピーしてください:
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);

完全なコード#

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。