Javascript 自定义Wordpress小部件中的所见即所得编辑器

Javascript 自定义Wordpress小部件中的所见即所得编辑器,javascript,wordpress,tinymce,wysiwyg,Javascript,Wordpress,Tinymce,Wysiwyg,我遵循了上面的指南,但是所见即所得有一些问题 $text = str_replace(array("\r", "\n"), '', $instance['text']); $settings = array( 'textarea_name' => $this->get_field_name('text') ); wp_editor( esc_attr( $text ), 'text', $settings ); 结果是: 选项卡不会切换(有时最初选择文本,有时选择可视文本)。“

我遵循了上面的指南,但是所见即所得有一些问题

$text = str_replace(array("\r", "\n"), '', $instance['text']);

$settings = array( 'textarea_name' => $this->get_field_name('text') );
wp_editor( esc_attr( $text ), 'text', $settings );
结果是:

选项卡不会切换(有时最初选择文本,有时选择可视文本)。“添加媒体”按钮似乎起作用,但单击“插入到帖子中”时,模式消失,什么也没有发生


控制台里什么也没有,所以我不确定出了什么问题。也许有人知道发生了什么,或者可能知道应该朝什么方向去做才能开始弄清楚呢?

可能有点晚了,但我几分钟前看到了这篇文章,也遇到了同样的问题

我尝试了Wordpress代码参考中的示例:

因此,初始化编辑器不需要$settings,只需按如下方式使用即可:

wp_editor( $content, $editor_id );
在小部件中使用:

public function form( $instance ) {
    $text = $instance['text'];
    wp_editor(esc_attr( $text ),  $this->get_field_id( 'text' ));
}
还有一个陷阱您需要编辑器的唯一ID,如下所述:

希望这有帮助