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编辑器在渲染时可见，但是如果在父级上使用display none进行渲染，则它可以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);
}

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

1 个答案: