我在插件页面中使用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);
一切都很好。我无法从代码镜像编辑器中获取值。我试过了
var editor = CodeMirror.fromTextArea(document.getElementById("my_textarea"));
console.log(editor.getValue());
但是我收到一个错误,说是CodeMirror.fromTextArea is not a function
。我已经被困在这个问题上一整天了。任何帮助我们都会很感激。
发布于 2019-07-30 07:22:39
解决了设置变量的问题,
var editor = wp.codeEditor.initialize($('#my_textarea'), my_var.cm_settings);
访问varibale editor
,你可以做任何事情。
例如:你可以使用editor.codemirror.getValue()
来访问值。你不需要在这里使用CodeMirror.fromTextArea。
https://stackoverflow.com/questions/57252031
复制相似问题