Как разобрать содержимое статьи TinyMce, чтобы найти встроенные изображения с помощью JS

Question

Я хочу проанализировать содержимое, которое написано в редакторе TinyMCE на стороне клиента. Я хочу получить все значения атрибута src изображений, которые вставляются в область редактирования редактора (в теле статьи), и сохранить их вмассив.

Как я могу это сделать?

Спасибо

(Я пытался:

var arr = new Array();
   $(".txtEditorClass img").each(function() {arr.push( $(this).attr("src"))}); 

Это не сработало, я тоже сделалтестируйте с использованием обычного JS, чтобы увидеть, какие изображения найдены:

var arr = document.getElementsByTagName("img"); for(var i = 0; i < arr.length; i++) { alert(arr[i].src); } Все значения src изображений для изображений вне редактора, где они показаны, но не для изображений, встроенных в письменный текст)

Answer 1

TinyMCE редактор установлен внутри и iFrame.Чтобы получить доступ к внутренним элементам, вам нужно использовать функцию tinyMCE.activeEditor.dom.getRoot () (doc: http://wiki.moxiecode.com/index.php/TinyMCE:API/tinymce.dom.DOMUtils/getRoot)

Поэтому для получения всех изображений внутри редактора используйте что-то вроде:

var arr = new Array();
    $(tinyMCE.activeEditor.dom.getRoot()).each(
          function()
            {
              arr.push( $(this).attr("src"))
            }); 

Answer 2

Ответ:

var arr = new Array();
$(tinyMCE.activeEditor.dom.getRoot()).find('img').each(
function() {
    arr.push($(this).attr("src"));
});

Я хочу поблагодарить пользователя Pierre-Loic Doulcet за его помощь