как вставить изображение из редактора tinymce?

Question

Я пытаюсь использовать текстовый редактор tinymce, но не могу получить содержимое редактора с помощью jQuery, а также если я использую простой метод post для получения значения, я получаю текст, но не получаю изображение?

Код, который я пытался использовать с помощью jQuery, был:

$(document).ready(function()
{
    $("#save").click(function()
    {
        $.post("test_skin_dump.php",{
            data_info:$("#elm2").html;
        } ,function(data) {
            if(data)
            {
                $("#show_result").html(data);
            }               
        });
    });
}); 

<textarea id="elm2" name="elm2" rows="15" cols="80" style="width: 80%"> 
</textarea>

Что я делаю не так, может кто-нибудь поправит меня, пожалуйста?

Answer 1

TinyMCE имеет собственный API, которым вы можете воспользоваться. На самом деле, это действительно не так уж плохо. В вашем случае вы можете получить весь редактор через:

tinyMCE.activeEditor().getBody();

Если вы уверены, что пользователь нажал на изображение (т.е. выбрано), то вы можете сделать это только для получения узла изображения:

tinyMCE.activeEditor().selection.createHTML();

Обратите внимание, что .selection - это свойство, поэтому у него нет набора круглых скобок.

Если вам не нравится какой-либо из этого кода или по какой-то причине он не совсем отвечает на ваш вопрос, смело проверяйте следующие ссылки:

• EditorManager - это объект tinyMCE
• API

Дайте мне знать, если вам что-то еще нужно.

Answer 2

Используйте следующую команду для вставки кода в ваш редактор:

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

Надеюсь, это поможет:)

Answer 3

html является функцией. Вам не хватает скобок. У вас также есть лишняя точка с запятой.

Заменить это:

data_info:$("#elm2").html;

С этим:

data_info:$("#elm2").html()

Остальное выглядит хорошо.