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

html是一个功能。你错过了括号。你还有一个额外的分号。

替换它：

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

有了这个：

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

其余的看起来很好。

Answer 3

使用以下命令将代码插入编辑器：

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

希望这有助于：）

如何从tinymce编辑器中插入图像？

3 个答案: