WYSIWYG : retour à la ligne sous Internet Explorer et FireFox

Accueil - Web - Javascript - Evenement

En développant par exemple un WYSIWG, une différence entre IE et Mozilla Firefox nous fait rapidement rÃ¢ler: le saut à la ligne. Les deux navigateurs ont une approche différente pour insérer un saut à la ligne en HTML :
- le moteur Gecko de Mozilla ajoute une balise 
- IE entoure le paragraphe avec la balise . Un est seulement ajouté si la touche Shift est appuyée en męme temps.

Pour uniformiser le retour à la ligne avec des , la solution la plus simple est d'intercepter l'appui de la touche enter et d'en définir soi-męme l'action sous Internet Explorer.

//exemple pour attacher la fonction à l'évenement onkeydown
document.getElementById('textArea').onkeydown=this.editorKeyDown;

function editorKeyDown() {
 if (isIE&&event.keyCode == 13&&!event.shiftKey) {
 range = document.selection.createRange();
 range.pasteHTML(" ");
 event.returnValue = false;
 event.cancelBubble = true;
 range.select();
 range.move('character',1);
 return false;
 }

A quoi sert cancelBubble ? arręter la propagation du message. Dans notre cas, nous remplaÃ§ons le saut à la ligne standard par notre propre traitement.

Commentaire des internautes

le //

Ajouter un commentaire

Pseudo

Adresse email

Site internet (optionnel)

Votre commentaire

Espace membre

Fiche de l'article

Mise a jour	23/03/2010
Visualisation	Vu 1788 fois
Public	Internaute zz
Categorie	Web - Javascript - Evenement

Auteur de l'article


connecté le //
0 ans -
articles dans la section
Contacter l'auteur
Blog de Envoyer un message

Du meme auteur