textarea，tinyMCE并在textarea中插入图像

Question

我想用jquery在textarea中插入图像。 （我知道img标签不能插入到textarea中）。即时通讯使用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> 

和config.js我：

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

    });}); 

点击时，图像不可能在textarea的插入。如何做到这一点？ 在此先感谢。

Answer 1

你需要调用mceInsertContent command，就像这样：

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

如果切换到jQuery插件版本，它会是这样的：

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