tinyMCE - проанализировать содержимое iframe с помощью jQuery

Question

Мне нужно добавить некоторые div в мой текст контента tinyMCE «здесь вы можете добавить подготовленные блоки», чтобы пользователь мог выбрать этот текст и нажать кнопку, чтобы заменить содержимое готовым html.

У меня возникли проблемы с доступом к элементам в tinyMCE iframe.

Я пытаюсь основной материал первым, но он не работает:

$("iframe").on('click', 'div', function(e) { 
    e.preventDefault(); 
    alert('clicked'); 
}); 

Я нашел несколько решений, которые я мог бы получить доступ к исходному текстовому полю (и работу хорошо), но то, что мне нужно, это DOM дерево в iframe, поэтому я мог бы легко выбрать те div, которые мне нужны.

Answer 1

Вот что вы хотите

$(ed.getBody()).find('p'); 

Это поможет вам тело редактора как объект JQuery. find можно использовать, чтобы получить все, что вы хотите сейчас