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

Question

我在ckeditor的图像上下文菜单中添加了链接，使用以下代码： CKEditor - Add Context Menu Item to Images 当用户点击图像时，如何获取有关图像的信息？ 例如图像的id或路径。以便处理所选的图像。

- VGranin

---

这可能会对你有所帮助.. 链接 - SASIKUMAR SENTHILNATHAN

Answer 1

解决方案非常简单。

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

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

- VGranin

Answer 2

在JavaScript中，关键字'this'指的是函数或事件的所有者。因此，当您编写HTML文档元素的单击事件处理程序时，'this'将返回执行单击事件的特定HTML元素。因此，在单击事件处理程序函数内部，使用'this'。

'this'关键字具有基于元素而定的属性，但'id'和'name'对于大多数HTML元素都是相同的。例如，在img元素中，'src'属性可以返回图像的url属性值。

这是了解更多关于'this'关键字的好来源http://www.quirksmode.org/js/this.html。

- Atul Jindal

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.$);
}

- Drakkin