Question

我使用此代码在ckeditor中添加了img上下文菜单的链接 CKEditor - Add Context Menu Item to Images

如何获取有关用户点击的图像的信息？例如图像的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元素。所以在你点击事件处理函数里面，使用它。

此关键字具有取决于元素的属性，但对于大多数html元素，id和name是常见的。对于例如在img元素中，src属性可以返回图像的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.$);
}

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

3 个答案: