Aller au contenu

[JS] Editeur WYSIWYG : Problème de curseur


etude-facile

Sujets conseillés

Bonjour,

Je suis entrain de confectionner un editeur WYSIWYG pour mon site web.

Il ne me reste qu'un petit problème, lorsque je clique sur le bouton "Citation", la citation se place en bas de tout le texte, et non à l'endroit du curseur texte (où j'avais cliquer avec ma souris).

Je procède avec une iframe et un textarea.

Pour que vous compreniez mieux mon problème, voici l'url :

http://www.etude-facile.be/formulaire_js.php

Il vous suffit de cliquer sur le bouton "Citation" pour voir le résultat.

Voici le code utilisé pour cela :

 	 function quote () 
   {
   if(IE)
   {
   ewin = window.frames['editeur'];
   edoc = ewin.document;
   }
   
   if(MOZ)
   {
   ewin = document.getElementById('editeur').contentWindow;
   edoc = document.getElementById('editeur').contentDocument;
   }
   
   var contenu ="<p style=\"margin-top:0;\"><div style=\"margin:0;margin-left:5px;margin-right:5px;\"><div style=\"font-family:Arial,,serif;height:20px;padding:3px;font-size: 0.9em;background: #E4EAF2 url(../images/quote.gif) no-repeat right;font-weight:bold;margin:0;border-top:1px dotted black;border-left:4px solid #8394b2;border-right:1px dotted black;\">Citation de Nom</div><div style=\"padding:3px;margin:0;background:#fafcfe;border-left:4px solid #8394b2;border-right:1px dotted black;border-bottom:1px dotted black;\">Citation</div></div></p><br />";
   
   edoc.body.innerHTML += contenu;
   ewin.focus();
   
   }

Evidemment là, il ne gère pas le curseur (a part le ewin.focus () qui met le curseur à la fin).

Pouvez-vous me dire comment faire pour faire apparaître un bloc de citation comme celui-là à l'endroit où l'on a cliquer avec la souris ?

Merci :)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...