handsontableを使用しようとしましたが、コンテキストメニューにカスタムアイテムを追加したいと思います。

カスタムメニューを実装するためのチュートリアルはたくさんありますが、デフォルトの項目は無視されます。

そこで、すべてのアイテムのキーを追加しましたが、一部は機能しません。

私の設定は次のようになります。

var basicSettings = {
    minRows: 1,
    minCols: 1,
    rowHeaders: false,
    colHeaders: false,
    hiddenColumns: true,
    contextMenu: {
        items: {
            row_above: {},
            row_below: {},
            "hsep1": "---------",
            col_left: {},
            col_right: {},
            "hsep2": "---------",
            remove_row: {},
            remove_col: {},
            "hsep3": "---------",
            undo: {},
            redo: {},
            "hsep4": "---------",
            make_read_only: {},
            "hsep5": "---------",
            alignment: {},
            "hsep6": "---------",
            copy: {},
            cut: {},
            "paste": {
                name: 'Paste',
                callback: function (key, option) {
                    this.copyPaste.triggerPaste();
                }
            },
            "hsep7": "---------",
            mergeCells: {
                name: "Merge"
            },
            "hsep8": "---------",
            // Custom menu item to set color of cells
            set_color: {
                key: "color",
                name: "Color",
                "submenu": {
                    "items": [
                        {
                            key: "color:1",
                            "name": "Black",
                            callback: function(key, options) {
                                for (var i = options[0].start.row; i <= options[0].end.row; i ++){
                                    for (var j = options[0].start.col; j <= options[0].end.col; j ++){
                                        this.getCell(i, j).className = "color-black";
                                    }
                                }
                            }
                        }, {
                            key: "color:2",
                            "name": "White",
                            callback: function(key, options) {
                                for (var i = options[0].start.row; i <= options[0].end.row; i ++){
                                    for (var j = options[0].start.col; j <= options[0].end.col; j ++){
                                        $(this.getCell(i, j)).removeClass("color-*").addClass("color-white");
                                    }
                                }
                                this.render();
                            }
                        }, {
                            key: "color:3",
                            "name": "Red",
                            callback: function(key, options) {
                                for (var i = options[0].start.row; i <= options[0].end.row; i ++){
                                    for (var j = options[0].start.col; j <= options[0].end.col; j ++){
                                        this.getCell(i, j).style.backgroundColor = "red";
                                    }
                                }
                                this.render();
                            }
                        }
                    ]
                }
            }
        }
    },
    manualRowResize: true,
    manualColumnResize: true,
    contextMenuCopyPaste: {
        swfPath: '/bower_components/zeroclipboard/dist/ZeroClipboard.swf'
    },
    copyPaste: true,
    mergeCells: true,
    search: true,
    stretchH: 'all',
    autoColumnSize: {useHeaders: true},
    autoRowSize: {syncLimit: 300},
    width: 1000,
    height: window.innerHeight - 100,
    licenseKey: "xxxxx-xxxxx-xxxxx-xxxxx-xxxxx"
};

メニューはこんな感じ。

質問1：

すべてのデフォルトメニュー項目でカスタム項目を追加する方法はありますか？もしそうなら、私は質問3と質問4への回答は必要ありません。

質問2：

この質問をさせてくれる最も重要な部分は、カスタムメニュー、つまり「set_color」です。「黒」または「赤」をクリックするとその色になりますが、セルの値を変更すると元に戻ります。セルが背景色を元に戻すのを防ぐにはどうすればよいですか？

質問3：

すべての機能を有効にする以外に、追加のカスタムアイテムが必要です。しかし、「マージ」アイテムの適切なキーが見つかりません。現在の「マージ」機能はとても奇妙に機能します。関数を正しく機能させる方法は？

質問4：

https://github.com/handsontable/handsontable/issues/2853を使用して貼り付け機能を実装しようとしましたが、このエラーが表示されます。

Uncaught TypeError: Cannot read property 'triggerPaste' of undefined

それらの実用的な使用法で私を助けてください。前もって感謝します。