CKEditor - 单击上下文菜单后获取元素

Question

我在ckeditor中添加了img上下文菜单的链接，使用此代码CKEditor - 将上下文菜单项添加到图像

如何获取有关用户单击的图像的信息？ 例如图像的id。 或者路径。 为了处理选定的图像。

Answer 1

解决方案非常简单。

$('body').on('contextmenu','img',function(){
var imgid = $(this).attr('id');
alert(imgid);
})

使用jquery跟踪点击图像，我们可以将它的id保存到全局变量。 然后，在插件的命令内，获取我们之前保存的id。

Answer 2

在JavaScript中，此关键字指的是函数或事件的所有者。 因此，当您为HTML文档上的元素编写click事件处理程序时。 然后，这将返回执行click事件的特定html元素。 所以在你点击事件处理函数里面，使用它。

此关键字具有取决于元素的属性，但id和name对于大多数html元素是常见的。 例如，在img元素中，sr​​c属性可以返回image的url属性值。

这是了解有关此关键字http://www.quirksmode.org/js/this.html的更多信息的良好来源

Answer 3

您可以使用编辑器getSelection（）的功能来了解为上下文菜单单击的元素：

exec: function (editor) {
     var selection = editor.getSelection();
     var selectedElement = selection.getStartElement();

     // Use it as jquery object to get id or more ...
     $(selectedElement.$);
}