Roddy大神请问addContextmenu如何获取编辑器内div标签里的属性？

Question

Roddy大神,请问editor.cmd.commonAncestor('div');为何获取到的是null？如果自己做一个plugin如何让addContextmenu右键菜单绑定到该插件上？谢谢！

Answer 1

感谢Roddy！右键搞定，还想请教一个问题：模板插件如何可以调用中文名称的html文件？

我decodeURIComponent()没有成功。谢谢！

Answer 2

那个不用考虑了，是为了区分图片类型，DIV不存在这样的判断。

Answer 3

Roddy大神，再麻烦您下，请问下面这个里!/^ke-w+$/i是什么含义?.test()函数呢？十分感谢！

return !/^ke-w+$/i.test(img[0].className);

Answer 4

选择DIV和点击DIV里的某个元素是不同的行为，前者不能用commonAncestor获取。

可以参考选取图片的代码：

function _getImageFromRange(range, fn) {
	if (range.collapsed) {
		return;
	}
	range = range.cloneRange().up();
	var sc = range.startContainer, so = range.startOffset;
	if (!_WEBKIT && !range.isControl()) {
		return;
	}
	var img = K(sc.childNodes[so]);
	if (!img || img.name != 'img') {
		return;
	}
	if (fn(img)) {
		return img;
	}
}

Answer 5

Roddy，请问如何选取某个指定div后弹出右键菜单？麻烦您帮我看看，十分感谢！

editor.cmd.selection();
    editor.addContextmenu({
        title : 'InsertDiv',
        click : function() {
            var div_html = editor.plugin.getSelectedDiv();
            if(div_html){
                editor.cmd.range.selectNodeContents(div_html[0]);
                editor.cmd.selection();
                alert(div_html.attr('id'));
            }else{
                alert('div不存在');
            }
            editor.hideMenu();
        },
        width : 150,
        cond : function(){
            var div_html = editor.cmd.commonAncestor('div');
            if (div_html) {
                editor.cmd.range.selectNodeContents(div_html[0]);
                editor.cmd.selection();
            }else{
                alert('div不存在!');
            }
            return div_html;
        }
    });

如上代码在点取了div后右键总是div不存在! 麻烦您给看看，谢谢！

Answer 6

用addContextmenu关键字搜索kindeditor.js，参考相关代码。