textarea, tinyMCE и вставьте изображение в textarea

Question

Я хочу вставить изображение в текстовое поле с помощью 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+'"/>');

    });});

При нажатии изображение не может быть вставлено в текстовое поле. Как это сделать? Заранее спасибо.

Answer 1

Вам нужно вызвать команду mceInsertContent , например:

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

Если вы переключитесь на версию плагина jQuery, она будет выглядеть так:

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