Discussion :

[supertotal]

Bonjour,

Je suis en train de faire un éditeur de texte pour mon site internet et
je rencontre un problème avec la commande suivante (les autres gras, italique ... fonctionnent) :
execCommand('insertimage', false, chemin de l'image) sous internet explorer
En effet sous firefox, c'est ok mais sous internet explorer 6 (je n'ai pas testé sous la 7) cela ne fonctionne pas très bien.
Il faut d'abord que j'écrive du texte puis que je le surligne pour que l'image s'insère en lieu et place du texte lors d'un clique sur le bouton d'insertion d'image.
Cela n'est pas pratique et j'apprécierai donc de pouvoir insérer une image à l'endroit où se situe le curseur sans devoir surligner du texte au préalable comme mentionné dans la doc (http://msdn.microsoft.com/en-us/libr...ffice.11).aspx il faut cliquer sur +commande pour voir la methode insertimage)

Si vous avez des idées, n'hésitez pas à me les communiquer.

<code>
Partie du code html qui constitue la zone de texte :
document.write('<div style="border:1px solid #808080;height:500px;width:600px;scroll:auto;" id="textarea" contentEditable="true"></div>')

La fonction javascript appelée lors d'un click :
function parse()
{
objet = document.getElementById("textarea");
optionnel = prompt('Indiquez l\'URLe de l\'image','http://');
objet.document.execCommand(insertimage, false, optionnel);

}
</code>

Merci d'avance.

[le_chomeur]

pourquoi réinventer la roue il en éxiste plein

essaye avec ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function insertImage(image, n)
{
 var htmlcode="<IMG src=\"" + image + "\" align=\"absmiddle\">";
 var isMozilla = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1) ? true : false;
 
 if(isMozilla)
 {  
     document.getElementById('wysiwyg' + n).contentWindow.document.execCommand('InsertImage',false,image);
 }
 else
 {
  document.getElementById('wysiwyg' + n).contentWindow.document.selection.createRange().pasteHTML(htmlcode); 
 }
}