CKEditor, Jquery - trouver et remplacer HTML

Question

Je suis totalement nouveau à CKEditor, par conséquent s'il vous plaît supporter mes questions stupides. J'ai un CMS qui utilise CKEditor pour entrer des articles dans une base de données. On m'a demandé d'écrire un plugin à l'éditeur pour faire une tâche particulière qui est la suivante:

J'ai une image dans l'éditeur. Quand je clique sur l'image pour la sélectionner et que je clique sur un bouton que j'ai codé, cela me donne l'image html comme < img src = "imageurl" border = "0"/>. Maintenant, je dois savoir si l'étiquette d'image est enveloppée avec en outre html comme:

<div class="photo"> 
    <p class="inner"> 
     <img src="imageurl" border="0" /><span>some text here</span> 
    </p> 
</div> 

si oui, je dois être en mesure de modifier le texte dans la balise span et être en mesure d'ajouter du style en ligne à DIV ou P, sinon je dois envelopper < img src = border "ImageUrl" = "0"/> avec:

<div class="photo"> 
    <p class="inner"> 
     <img src="imageurl" border="0" /><span>some text here</span> 
    </p> 
</div> 

PS Je peux m'asseoir à travers et peut être trouvé une solution si j'ai un jour. Mais ma date limite est trop proche!

Est-ce que quelqu'un s'il vous plaît s'il vous plaît aidez-moi avec ceci? Votre aide est tres apprecie.

Merci, R

Answer 1

Je pense que vous pouvez utiliser la fonction Jquery parent() pour obtenir les « niveaux supérieurs » dans votre structure HTML à partir de <img />