textarea、tinyMCE 并在 textarea 中插入图像

我想用 jquery 在文本区域中插入图像。 （我知道 img 标签无法插入到文本区域中）。我正在使用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+'"/>');

    });});

单击时，图像无法插入文本区域。怎么能做到这一点呢？ 提前致谢。

您需要致电mceInsertContent command http://www.tinymce.com/wiki.php/Command_identifiers， 像这样：

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

如果你切换到 jQuery 插件版本，它看起来像这样：

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