【问题标题】:Jquery/Tinymce - Loading tinymce after ajax postJquery/Tinymce - 在 ajax 发布后加载 tinymce
【发布时间】:2015-01-02 15:43:57
【问题描述】:

所以我有一个页面,它使用 ajax 提交表单,然后成功重新加载数据/表单。当页面最初加载时,tinymce 可以很好地加载页面。当我提交表单时,表单会重新出现,但它只是一个 textarea 而不是 tinymce。我想我必须在成功时再次初始化tinymce,但我已经尝试过但似乎无法让它工作。我的代码:

我的代码:

    $.ajax({
            type: "POST",
            url: "/form.php",
            data: datastring,
            success: function(data) {                    
               $("#formcontainer").html(data);
                tinymce.init({
                selector: ".Htmltextarea"
               });       
            },
            error: function(){
                  alert('error handing here');
            }
        }); 
});

我在通过 ajax 加载表单的父页面上也有 tinymce.init。同样,当我最初加载表单时,一切正常,Tinymce 加载。就在我通过 ajax 提交表单并返回成功/数据时,我得到了提交的表单,但 tinymce 消失了。 ajax表单提交后如何获取tinymce?谢谢。

尝试也不行:

    $.ajax({
            type: "POST",
            url: "/form.php",
            data: datastring,
            success: function(data) {                    
               $("#formcontainer").html(data);
               tinymce.EditorManager.execCommand('mceRemoveEditor', true, ".Htmltextarea"); 
               tinymce.EditorManager.execCommand('mceAddEditor', true, ".Htmltextarea");  
            },
            error: function(){
                  alert('error handing here');
            }
        }); 
});

【问题讨论】:

标签: javascript jquery ajax tinymce


【解决方案1】:

试试这个:

$.ajax({
        // tinyMCE.triggerSave(); // uncomment this line if tinyMCE is giving blank response
        type: "POST",
        url: "/form.php",
        data: datastring,
        success: function(data) {                    
           $("#formcontainer").html(data);
            tinymce.EditorManager.execCommand('mceAddEditor', false, ".Htmltextarea");
        },
        error: function(){
              alert('error handing here');
        }
    }); 
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-22
    • 2013-07-15
    • 2012-06-04
    • 2012-03-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多