Получить идентификатор элемента внутри ckeditor

Question

К сожалению, я должен открыть для этого новый вопрос, так как я еще не могу добавить комментарии к ответам (в иностранных сообщениях).

В этом вопросе (Clicking CKEditor content to show alert) Palec опубликовал решение для получения onclick-событий внутри CKEditor, которое очень хорошо работает для меня, но поскольку я почти не знаю jQuery, мне нужно знать, как я могу получить идентификатор элемента (в данном случае id div) в CKEditor, используя код ниже.

Это часть кода, о которой я говорю.

CKEDITOR.on('instanceReady', function() { 
    $('.cke_contents iframe').contents().click(function() { 
     alert('Clicked!'); 
    }); 
}); 

Спасибо за вашу помощь, Pascal

Answer 1

Вы можете получить идентификатор элемента в родном Javascript используя

element.id 

и в JQuery с использованием

$('element').attr('id') 

Рабочая Пример:

// Native Javascript 
 
var myDiv = document.getElementsByTagName('div')[0]; 
 
var myDivId = myDiv.id; 
 
window.alert('Native javascript has found the id of the <div> is "' + myDivId + '"'); 
 

 
// jQuery 
 
$(document).ready(function(){ 
 
alert('jQuery Library has found the id of the <div> is "' + $('div').attr('id') + '"'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="my-div"></div>