动态添加tinymce到新的textarea

2018-06-20 09:04:31

我怎样才能做到这一点

function addTinyText(id, text){
//add textarea to DOM
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');
//init tineMCE
 tinyMCE.init({
        theme : "advanced",
        plugins : "emotions,spellchecker"
});
//add tinymce to this
tinyMCE.execCommand("mceAddControl", false, 'txt'+id);
}

但是每次我们有一个新的textarea + tinyMCE但内部没有文本的结果

我错了什么？

我搜索了很长时间才找到类似问题的答案。

即使您可以让编辑出现，我的内容也不会被发布。

我的工作是这样的：

    jQuery('.wysiwyg').tinymce({
      // Location of TinyMCE script
      script_url : 'path/tinymce/tiny_mce.js',

      // General options
      theme : "advanced",
     .........
     .........
     ......... etc

我使用标准的jQuery代码来启动类名为wysiwyg作为tinymce对象的所有文本区域。

ajax调用完成后，新的textarea被加载后，我运行这个函数：

jQuery(".wysiwyg").each(function(){ 
    tinyMCE.execCommand("mceAddControl",false, this.id);
});

现在我的代码终于正确发布了。

线

$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');

应该是行

$('<textarea id="txt'+id+'"></textarea>').text(text).appendTo('body');

链接地址: http://www.djcxy.com/p/57311.html

上一篇: Add tinymce to new textarea dynamically

下一篇: Tutorial on OpenGL combined with OpenCV for Computer Vision