Comment analyser le contenu de l'article TinyMce pour rechercher des images incorporées à l'aide de JS

Question

Je souhaite analyser le contenu écrit dans l'éditeur TinyMCE du côté client Je souhaite obtenir toutes les valeurs d'attribut src des images insérées l'éditeur zone d'édition (dans le corps de l'article) et les stocker dans un tableau.

Comment puis-je faire cela?

Merci

(j'ai essayé:

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

Il ne fonctionne pas je l'ai fait aussi un test en utilisant JS régulière pour voir ce que les images se trouvent:

var arr = document.getElementsByTagName("img"); for(var i = 0; i < arr.length; i++) { alert(arr[i].src); } Toutes les images src valeurs des images en dehors de l'éditeur où montré mais pas ceux des images incorporées dans le texte écrit)

Answer 1

L'éditeur TinyMCE est défini à l'intérieur et iFrame.

Donc, pour récupérer toutes les images à l'intérieur de l'utilisation de l'éditeur quelque chose comme:

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

Answer 2

La réponse: Pour (http://wiki.moxiecode.com/index.php/TinyMCE:API/tinymce.dom.DOMUtils/getRoot doc) accéder aux éléments internes, vous devez utiliser la fonction tinyMCE.activeEditor.dom.getRoot():

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

Je tiens à remercier l'utilisateur Pierre-Loic Doulcet pour son aide