Wordpress CodeMirror.fromTextArea 不是函数错误

Question

我在插件页面中使用 wordpress 包中的代码镜像编辑器。根据一些研究，我已将以下样式和脚本加入队列 here .

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 文件中，我添加了以下行，使文本区域 my_textarea 成为代码编辑器。

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

一切正常。我无法从代码镜像编辑器中获取值(value)。我试过了

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

但我收到一条错误消息，提示 CodeMirror.fromTextArea 不是一个函数。我整天都被困在这上面。任何帮助表示赞赏。

Answer 1

设置变量时问题已解决，

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

并访问变量编辑器，您可以做任何事情。

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