CKEditor - получить элемент после щелчка по контекстного меню

Question

я добавил ссылку контекстного меню IMG в CKEditor, используя этот код CKEditor - Add Context Menu Item to Images

Как я могу получить информацию об изображении, на котором пользователь нажал? Например, идентификатор изображения. Или путь. Для обработки с выбранным изображением.

Answer 1

Решение было довольно простым.

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

Использование jquery для отслеживания клика по изображению, мы можем сохранить его id в глобальной переменной. Затем, внутри команды плагина, взять идентификатор, который мы сохранили ранее.

Answer 2

В JavaScript это ключевое слово относится к владельцу функции или события. Поэтому, когда вы пишете обработчик события click для элементов в документе HTML. Затем это вернет определенный элемент html, где выполняется событие click. Поэтому внутри вы щелкните функцию обработчика событий, используйте это.

это ключевое слово имеет свойства, зависящие от элемента, но id и name являются общими для большинства элементов html. Напр. здесь в 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.$); 
}