textarea, tinyMCE et insérer une image dans textarea

Question

Je veux insérer une image dans textarea avec jquery. (Je sais que img tag ne pouvait pas être inséré dans textarea). Im en utilisant tinymce

<img src="image.jpg" class="po"/> 
<form> 
<input type="text" name="yassi" class="infobox"/> 
<br /> 
<textarea class="me"></textarea> 
<input type="submit" value="click" class="submit"/> 
</form> 

jquery:

<script type="text/javascript"> 
tinyMCE.init({ 
mode : "textareas", 
theme : "simple" 
}); 
</script> 
<script type="text/javascript" scr="config.js"> 
</script> 

et config.js je:

$(document).ready(function(){ 
    var sr = $('.po').attr('src'); 
    $('.po').click(function(){ 
     $('.mceContentBody').append('<img src="'+sr+'"/>'); 

    });}); 

En cliquant, l'image ne pouvait pas insérer dans textarea. Comment peut-on faire ça? Merci d'avance.

Answer 1

Vous devez appeler le mceInsertContent command, comme ceci:

tinyMCE.execCommand('mceInsertContent',false,'<img src="'+sr+'"/>'); 

Si vous passez à la version du plugin jQuery, ce serait ressembler à ceci:

$('.mceContentBody').tinymce().execCommand('mceInsertContent',false,'<img src="'+sr+'"/>');