通过codemirror

Question

我想以漂亮的方式显示Java源代码的内容->突出显示关键字，并使用codemirror确保textarea上的行号。

我有一个Java代码文件。在浏览器上单击按钮时，我的发布请求正在将数据发送到后端，作为成功的响应，我正在获取Java源代码文件的JSON对象。 那就是源代码的每一行都作为数组的单独元素作为响应。 然后，我使用此数组为我提供一长串源代码。 在控制台上，我可以看到此变量具有完整的源代码。但是，有时将其传递到只读文本区域时，仅显示部分代码。这种情况仅在某些时候发生。

我要做的是以一种漂亮的方式显示此源代码->突出显示关键字并确保textarea的行号。

因此，我想使用codemirror。但是，我不明白如何将响应传递给代码镜像，以便将其呈现到文本区域。

HTML文本区域：

<textarea readonly id="result" name="result" style="width: 90%; height: 10000px;"></textarea>

AJAX POST请求和响应：

.on("click", function(d){$.ajax({
url:"/source_code",
type: 'POST',
data: JSON.stringify(d.Method),
contentType: 'application/json;charset=UTF-8',
success: function(data_structure) {
var result = data_structure;
var final_code = "";
for(var i = 0; i<data_structure.length; i++)
{
     final_code += data_structure[i] + "\n";
}
$("#result").append(
document.getElementById("#result").value = final_code;
var readOnlyCodeMirror = CodeMirror.fromTextArea(document.getElementById('result'), {
mode: "javascript",
theme: "default",
lineNumbers: true,
readOnly: true
});  
}
})});

此代码只是附加了整个源代码，尽管有时不会出现在文本区域。

$("#result")
.empty()
.setNumber()
.append(final_code);
}
})});