上一篇,我们在块初始化的时候定义了块的右键菜单,现在就来给块的区域,我称之为积木区域添加自定义的右键菜单。
如何给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)们的支持是小弟继续努力的动力!!