ajouter une image à ckeditor via jquery

Question

J'utilise ckeditor pour ajouter des messages sur un site:

<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"></textarea> 

et je veux ajouter un texte ou une image à l'textarea de celui-ci lorsque je clique sur un bouton via jquery.

J'ai essayé mais pas travaillé:

<script> 
$(document).ready(function(){ 
$('.button').click(function(){ 
    img = "<img src='http://localhost/sdn/files/uploads/1368647314.png'/>'"; 
    $(".cke_editable").append(img); // also I tried: $("#editor1").append(img); 
}); 
}); 
</script> 

merci.

Answer 1

Utilisez le CKEditor API:

<script> 
$(document).ready(function(){ 
$('.button').click(function(){ 
    img = "<img src='http://localhost/sdn/files/uploads/1368647314.png'/>'"; 
    CKEDITOR.instances.editor1.insertHtml(img); 
}); 
}); 
</script> 

Answer 2

var img=$("<img src='http://localhost/sdn/files/uploads/1368647314.png'/>"); 

Il semble que vous ayez une citation supplémentaire là-dedans et je pense que vous devrez peut-être en faire un objet jquery. Assurez-vous d'utiliser le mot clé var pour conserver la variable locale.

Answer 3

Utilisez ceci:

<script> 
$(document).ready(function(){ 
$('.button').click(function(){ 
    img = "<img src='http://localhost/sdn/files/uploads/1368647314.png'/>'"; 
    CKEDITOR.instances.editor1.setData(img); 
}); 
}); 
</script>