在 AJAX Magnific Popup 中包含 TinyMCE答案

【问题标题】：Include TinyMCE in AJAX Magnific Popup在 AJAX Magnific Popup 中包含 TinyMCE
【发布时间】：2014-05-30 11:53:53
【问题描述】：

我在让 TinyMCE 正常运行时遇到了一些问题，请参阅下面的屏幕截图，忽略 CSS 问题。

我的问题是，当我第二次打开弹出窗口时，编辑器根本无法加载。

我发现这篇文章正是我遇到的问题，但使用 Fancybox - 我尝试使用提供的解决方案，但没有任何乐趣..

有人能解释一下吗？

初始化 TinyMCE

jQuery(document).ready(function() {
    jQuery('#personalise_html_body').tinymce({
        // Location of TinyMCE script
        script_url : '/core-js/tinymce/4.0.28/tiny_mce.js',
        theme_url: '/core-js/tinymce/4.0.28/themes/modern/theme.js',
        skin_url: '/core-js/tinymce/4.0.28/skins/lightgray',

            // General options
        language : \"".strtolower($lang)."\",
        theme : \"modern\",
        plugins:  [
            \"textcolor code fullscreen link paste preview moxiemanager\"
        ],
        moxiemanager_title: \"{_T_MEDIA_MANAGER_TITLE}\",
        menubar : false,
        toolbar: [
        \"bold italic underline | alignleft aligncenter alignright alignjustify | formatselect fontselect fontsizeselect |\",
        \"cut copy paste | numlist bullist | undo redo | link unlink  | forecolor backcolor |  insertfile | code preview | fullscreen\"
        ],
        convert_urls: false,

    });
});

我已尝试向我的 Magnific Popup 代码添加回调 （在这里得到了想法：TinyMCE & Fancybox - editor won't work on 2nd view）没有成功：

$('a.personalise').magnificPopup({
        type: 'ajax',
    callbacks: {
        open: function() {
                tinyMCE.execCommand('mceToggleEditor', false, 'personalise_html_body');
        tinyMCE.execCommand('mceAddControl', false, 'personalise_html_body');
            },
        close: function() {
                tinyMCE.execCommand('mceFocus', false, 'personalise_html_body');
                tinyMCE.execCommand('mceRemoveControl', true, 'personalise_html_body');
        }
    }
});

【问题讨论】：

标签： javascript jquery ajax popup tinymce

【解决方案1】：

使用以下代码解决了这个问题。

事情总是简单的......

$('a.personalise').magnificPopup({
    type:       'ajax',
    callbacks:  {
        close: function() {
            tinymce.remove('#personalise_html_body');
        }
    }
});

【讨论】：

【解决方案2】：

我找到了以下解决方案，当您单击 obeh 时，这会导致弹出式支出重新初始化 TinyMce

function initTiny(){
    setTimeout(function(){
        tinymce.remove(".js-tiny-mce");
        tinymce.init({
            selector: '.js-tiny-mce',
            menubar: false,
            toolbar: [
                'undo redo | bold italic underline | bullist numlist outdent indent'
            ]
        });
    },50); 
}

【讨论】：