Blockly给积木区域(workspace)添加自定义的右键菜单(customContextMenu)

上一篇，我们在块初始化的时候定义了块的右键菜单，现在就来给块的区域，我称之为积木区域添加自定义的右键菜单。

如何给workspace(积木区域)添加自定义的右键菜单呢？

其实也是需要在积木区域初始化的时候加上一些配置就ok了。

直接上代码：

function customContextMenuFn(options) {
    var option = {
    enabled: true,
    text: "Custom option",
    callback: function() {
    console.log('Custom context menu option called');
    }
};

var workspace = Blockly.inject('workspace', {
    media: '/static/media/', 
    toolbox: document.getElementById('toolbox'),
    configureContextMenu:customContextMenuFn 
});

上面的一些配置在blockly官方文档可以找到。

重点注意这一句:configureContextMenu:customContextMenuFn;

一些注意的地方:

在函数customContextMenuFn里

text : 自定义右键菜单的名称

callback:就是点击自定义的菜单后触发的回调函数，所以上面的例子点击"custom option" 后就会console.log

最后的效果如下：

 

如果解决了您的问题，希望各位(dalao)点赞评论收藏~~~(dalao)们的支持是小弟继续努力的动力!!