CKEditor

Question

我使用这段代码在 ckeditor 的 img 上下文菜单中添加了 link

如何获取用户点击的图片信息？例如图片的id。或者路径。为了处理所选图像。

Answer 1

解决方案非常简单。

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

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

Answer 2

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

此关键字具有取决于元素的属性，但 id 和名称对于大多数 html 元素是通用的。例如在img元素中，src 属性可以return 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 - 单击上下文菜单后获取元素

CKEditor - get element after click on context Menu

javascript

contextmenu