Petite question auquel quelqu'un a surement déjà été confronté.
Je suis en train de mettre à jour un editeur WYSIWYG tout veillot qui ne marchait que sous IE pour une version compatible firefox.
J'utilise pour ça une iframe (je connais pas d'autres moyen vraiment efficace) editable (supporté depuis la 1.3 de FF je crois). Tout ce qui est mise en gras, italique, souligné, ... très simple à mettre en oeuvre avec des execCommand().
Ce genre de fonction :
Seulement je bloque pour réaliser des opération plus complexe; je voudrais par exemple, sur une selection réalisée sur du texte dans ma iframe, insérer des balises plus personalisées (du genre <a class="nomclasse" href="url">Mon texte selectionné</a>).
En gros faire comme le execCommand() quand il met du gras mais là en insérant le code que je souhaite; puis en replaçant le curseur au bon endroit.
Je suis a peu prés sure que ça existe déjà mais j'ai pas réussi à trouver une méthode convenable.
Si quelqu'un à la solution je suis prenneur, merci!
Je suis en train de mettre à jour un editeur WYSIWYG tout veillot qui ne marchait que sous IE pour une version compatible firefox.
J'utilise pour ça une iframe (je connais pas d'autres moyen vraiment efficace) editable (supporté depuis la 1.3 de FF je crois). Tout ce qui est mise en gras, italique, souligné, ... très simple à mettre en oeuvre avec des execCommand().
Ce genre de fonction :
function setContent(action){
if(IE){
ewin = window.frames['editeur'];
edoc = ewin.document;
}
if(MOZ){
ewin = document.getElementById('editeur').contentWindow;
edoc = document.getElementById('editeur').contentDocument;
}
edoc.execCommand(action, false, null);
ewin.focus();
}
Seulement je bloque pour réaliser des opération plus complexe; je voudrais par exemple, sur une selection réalisée sur du texte dans ma iframe, insérer des balises plus personalisées (du genre <a class="nomclasse" href="url">Mon texte selectionné</a>).
En gros faire comme le execCommand() quand il met du gras mais là en insérant le code que je souhaite; puis en replaçant le curseur au bon endroit.
Je suis a peu prés sure que ça existe déjà mais j'ai pas réussi à trouver une méthode convenable.
Si quelqu'un à la solution je suis prenneur, merci!