javascript - 如果父项在呈现时没有显示，则 Wordpress 编辑器不起作用

Question

我正在尝试打开一个带有文本字段和 wp_editor 的弹出窗口。这已经在页脚中呈现，但只显示任何内容。我将在下面给出我的代码，其中包含我尝试过的代码，但没有一项工作达到 100%，最多只能达到 90%。如果我们能以一种或另一种方式解决它们，它们都有不同的错误，这无关紧要。

我尝试过的:

试一试:我给编辑器初始化一个textarea，弹出窗口不显示

PHP:

_WP_Editors::editor($option["value"], 'pbcontent', array('drag_drop_upload' => true ));
?>
<script type="text/javascript">
et_tinyMCEPreInit  */
jQuery(document).ready(function(e) {
    if(typeof( et_tinyMCEPreInit ) == 'undefined') {
        et_tinyMCEPreInit = JSON.stringify(tinyMCEPreInit);
    }
});
</script>
    <?php

Javascript:

var str = et_tinyMCEPreInit;
var ajax_tinymce_init = JSON.parse(et_tinyMCEPreInit);

ajax_tinymce_init.mceInit.pbcontent.plugins = ajax_tinymce_init.mceInit.content.plugins.replace('fullscreen,', '')
ajax_tinymce_init.mceInit.pbcontent.toolbar1 = ajax_tinymce_init.mceInit.content.toolbar1.replace('dfw,', '')
tinymce.get('pbcontent').remove();

console.log(ajax_tinymce_init.mceInit.pbcontent);

tinymce.init( ajax_tinymce_init.mceInit.pbcontent );

尝试二:我用的是普通wp_editor，弹窗不显示。

PHP:

wp_editor($content, 'pbcontent'.$module_count);

Javascript:

I have no clue how I could "re-init" the visual editor.

在尝试中，它可以像平常一样进行编辑我只在标记编辑器中已有的文本时收到控制台错误，并且当我尝试编辑链接时无法编辑文本框中的内容，弹出窗口出现但我无法编辑它。 在尝试二中，如果 wp 编辑器在渲染时可见，它可以 100% 工作，但如果在父级上不显示显示，则它根本不起作用。

提前致谢!

Answer 1

我在当前使用的网站上使用 jQuery 进行了类似的设置。我的编辑器使用 AJAX 从另一个页面加载到类为“ajax_editor”的 div 中，然后立即淡出:

function loadEditor() {
        $.ajax({url: "post-editor", success: function(result){
                        $('.ajax_editor').addClass('active').html(result).fadeOut(0,function () {
                            $('.header .editor').prop( "disabled", false ).attr("placeholder", "Let us know what you're thinking - post something.");
                        });
                    }});        
    }

然后我使用 fadeIn 和 fadeOut 来显示或隐藏编辑器:

function openEditor() {
    $(".ajax_editor").fadeIn(500);
}

function closeEditor() {
    $(".ajax_editor").fadeOut(500);
}