comportement execCommand dans IE: problème d'écrasement d'image CLEditor

Question

J'utilise CLEditor sur mon site et je suis confronté à un problème lors de son utilisation avec IE. Le problème est le suivant: Lorsque vous insérez une image et que vous la placez dans l'éditeur puis insérez une autre image, elle écrasera la précédente. Avec Firefox, il placera le nouveau à côté du précédent. J'ai contacté le CLEditor et il m'a dit que c'était un problème spécifique au navigateur. Il me demande de faire un travail en vérifiant IE puis de réduire la gamme actuelle à sa fin en utilisant la méthode TextRange.collapse() après que l'image a été insérée. J'ai essayé de faire cette soultion mais je ne suis pas expert en Javascript pour que ça fonctionne. J'ai besoin de votre aide pour le faire fonctionner.

C'est le code pour insérer l'image dans la zone de l'éditeur:

.bind(CLICK, function() { 

    // Insert the image or link if a url was entered 
    var $text = $popup.find(":text"), 
    url = $.trim($text.val()); 
    if (url !== "") 
    execCommand(editor, data.command, url, null, data.button); 

    // Reset the text, hide the popup and set focus 
    $text.val("http://"); 
    hidePopups(); 
    focus(editor); 

}); 

Answer 1

C'est la solution à ce problème. Cela prend trois jours pour résoudre ce problème car je ne suis pas un expert JavaScript. J'espère que cela vous aidera.

 .bind(CLICK, function() { 

      // Insert the image or link if a url was entered 
      var $text = $popup.find(":text"), 
      url = $.trim($text.val()); 
      if (url !== "") 
      execCommand(editor, data.command, url, null, data.button); 

      // Reset the text, hide the popup and set focus 
      $text.val("http://"); 
      hidePopups(); 
      if ($.browser.msie) { 
    var editorvalue=editor.$frame[0].contentWindow; 
    var pos = editorvalue.document.body.innerHTML.length; 
    var textRange = editorvalue.document.body.createTextRange(); 
    textRange.collapse(true); 
    textRange.moveEnd("character", pos); 
    textRange.moveStart("character", pos); 
    textRange.select(); 


    } 

      focus(editor); 

     });