Traitement d'un événement Click Image dans une région ContentEditable

Question

J'essaie de personnaliser jwysiwyg jquery RTE. Je voudrais construire un éditeur d'attributs d'image de sorte qu'une fois qu'une image est insérée dans la région éditable, l'utilisateur la sélectionnerait et alors une fenêtre modale ou un panneau de propriétés apparaîtraient permettant à l'utilisateur d'éditer la largeur/taille etc. Analoges aux gmails image insérer l'interface utilisateur.

Le problème est que je n'arrive pas à savoir comment gérer l'événement de clic d'image nécessaire. Quelqu'un sait-il un exemple de code ou des informations pour savoir où commencer?

Answer 1

Je ne fais que commencer par quelque chose de similaire. En utilisant la méthode délégué() jQuery, je l'ai eu à travailler comme ceci:

$("#bodyoftheeditordocument").delegate("img", "click", function (evt) { 
    // handle click event here... 
}); 

La chose fraîche au sujet de la méthode de délégué est qu'il associe ce gestionnaire d'événement à une balise img dans le corps, présent ou futur. Ainsi, même les images insérées dans le cadre du processus d'édition sont câblées.

Bonne chance.

Mark

Answer 2

Ma solution sur iOS 10 est d'ajouter un attribut contenteditable = "false" à l'élément img qui doit être cliquable. Sinon, safari pensera que votre intention est de simplement déplacer le curseur avant/après l'image si elle se trouve dans un élément contentable.