问题:Wordpress CodeMirror.fromTextArea 不是函数错误

我在插件页面中使用来自 wordpress 包的代码镜像编辑器。根据一些研究在这里,我已将以下样式和脚本排入队列。

wp_enqueue_style('wp-codemirror');
$cm_settings['codeEditor'] = wp_enqueue_code_editor(array('type' => 'text/css'));
$var = array(
    'cm_settings'   => $cm_settings
);
wp_localize_script('my-admin-script', 'my_var', $var);

然后在我的 js 文件中,我添加了以下行以使 textareamy_textarea成为代码编辑器。

 wp.codeEditor.initialize($('#my_textarea'), my_var.cm_settings);

一切正常。我无法从代码镜像编辑器中获得价值。我试过了

var editor = CodeMirror.fromTextArea(document.getElementById("my_textarea"));
console.log(editor.getValue());

但我收到一条错误消息,说CodeMirror.fromTextArea is not a function。我整天都被困在这上面。任何帮助表示赞赏。

解答

设置变量解决了这个问题,

var editor = wp.codeEditor.initialize($('#my_textarea'), my_var.cm_settings);

并访问变量editor,您可以做任何事情。

例如:您可以使用editor.codemirror.getValue()访问该值。您不需要在这里使用 CodeMirror.fromTextArea。