Bonjour!
Je suis en train de faire un éditeur wysiwyg. Et je souhaite pouvoir changer la couleur du texte. Pour cela, j'utilise 2 calques (div). Le premier pour mon texte, et le second pour afficher la palette de couleur. Mais quand je sélectionne la couleur que je veux appliquer à mon texte sélectionné, elle "s'insère" à la fin de mon texte et donc n'est pas appliquée au texte sélectionné. (je sais pas si c'est très clair...)
Voila (une portion de) mon code :
<div contenteditable="true" id="edit" style="position:relative; height:200px; width:100%; background-color:white; font-face:Impact; padding:1; border:1px solid black; scrollbar-base-color:powderblue; overflow=auto; zoom=100%;" class="liste" onClick="colorpalette.style.visibility='hidden'"> texte </div>
<div id="colorpalette" style="visibility:hidden; position: absolute; height:170; width:250; background-color:white; left: 245px; top: 385px;">
<TABLE border="1" cellpadding="1" cellspacing="1"><TR>
<TD id="#FFFFFF" bgcolor="#FFFFFF" width="20" height="20" onMouseOver="this.style.border='2px dotted white';" onMouseOut="this.style.border='1px solid gray';"onClick="edit.focus(); execCommand('forecolor',false,this.id); colorpalette.style.visibility='hidden'"><img width="1" height="1"></TD>
</div>Si vous pouviez m'aider, car je vois vraiment pas de solution!
Merci
Phinette