TinyMCE jQuery ajax не отображается после сохранения

Question

хорошо, так что у меня есть полноценная система ajax, каждая загруженная страница обрабатывается, хотя ajax на данный момент очень грязный код, поэтому я не покажу вам.

Проблема, с которой я сталкиваюсь, заключается в том, что когда я захожу на свой контент, который загружает TinyMCE, он работает идеально, один раз, затем, когда форма отправлена, он использует remove() для элемента TinyMCE, а затем, когда все готово, он получает контент из затем сервер имеет текстовое поле для TinyMCE и загружает странную вещь: содержимое не отображается, но если я нажимаю кнопку HTML, содержимое находится в текстовом поле TinyMCE.

Я постараюсь показать, чтобы объяснить немного лучше, используя как можно меньше кода

так что это вызов 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, контент покажет

EDIT Это похоже на ошибку в TinyMCE и Google Chrome, так как приведенный ниже код работает с IE8 + и с Firefox. Сейчас я пробую CKeditor.

Answer 1

Вам необходимо закрыть экземпляр tinymce editro, прежде чем загружать второй экземпляр с тем же идентификатором.Используйте mceRemoveControl execCommand здесь.