Question

好吧所以我有一个完整的ajax系统，每个页面加载都是通过ajax处理它的很多代码，所以我不会告诉你。

我遇到的问题是，当我访问加载TinyMCE的内容时，它完美地运行，一旦提交表单，它就会在TinyMCE元素上使用remove()然后一次＆＃39 ; s完成它从服务器获取内容然后有TinyMCE的textarea并且它加载奇怪的东西是内容没有显示但是如果我点击HTML按钮，内容在TinyMCE textarea内。

我将尝试使用与posible

一样少的代码来更好地解释一下

所以这是每次从服务器重新加载conent时的TinyMCE调用

$(".addonContent form textarea.tinyMCE").tinymce({
        // Location of TinyMCE script
        script_url : '/script/tiny_mce/tiny_mce.js',

        // General options
        theme : "advanced",
        plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

        // Theme options
        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pasteword,|,bullist,numlist,|,blockquote,|,undo,redo,|,link,unlink,anchor,image,code,",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,charmap,emotions,media,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)
        content_css : "/style/style_content.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
                username : "Some User",
                staffid : "991234"
        }
    });

这是第一次完美运作

现在我的ajaxForm代码运行，就在它将数据提交给它调用的服务器

之前

$(".addonContent form textarea.tinyMCE").tinymce().remove()

但是当内容回来并且Tiny MCE加载时，它将不会在编辑器中显示内容，但是如果我单击HTML按钮，则显示内容

修改 这似乎是TinyMCE和谷歌浏览器的一个错误，因为下面的代码适用于IE8 +，并与Firefox合作我现在正在尝试CKeditor。

Answer 1

在加载具有相同ID的第二个实例之前，您需要关闭一个tinymce编辑器实例。在这里使用mceRemoveControl execCommand。

TinyMCE jQuery ajax保存后不显示

1 个答案: