CodeMirror：textarea setValue（）专业版

Question

我尝试在ajax查询完成后将codemirror应用于我的textarea，但总是得到空白的textarea（已加载文本，但隐藏了，因此textarea为空白）。 当我右键单击文本区域并简单地打开Chrome DevTools时，文本神奇地出现，在我尝试过的所有浏览器中都存在相同的问题-Mozilla（FireBug），Opera

这是我的代码镜像代码：

CodeMirror.fromTextArea(result).setValue(JSON.stringify(data,null,'\t'));

CodeMirror版本3.21

Answer 1

我怀疑textarea隐藏了，或者其他一些因素阻止了编辑器在初始化时的运行。 隐藏时，CodeMirror无法正确建立其显示，因此取消隐藏时必须调用其refresh方法。 调整窗口大小（通过打开devtools触发）将使其自动刷新。

Answer 2

做这样的事情（我假设您的“结果”字段位于这样标识的标签下）：

CodeMirror.fromTextArea(document.getElementById('result'), {
    theme: 'default', // the theme can be set here
    lineNumbers: true,
    lineWrapping: true,
    styleActiveLine: true
}).setValue(JSON.stringify(data, '\t')

“ setValue”功能的参数为1）元素2）值3）代码。 每个都是可选的。