使用html属性设置CodeMirror样式和附加组件

Question

我有此CodeMirror（ http://codemirror.net/index.html ）文本区域：

<form><textarea id="code" name="code" codemirror-type='lineNumbers: false, styleActiveLine: true, matchBrackets: true;'>CODE HERE</textarea></form>

如您所见，我添加了属性“ codemirror-type”，我想在执行脚本时设置此样式，我尝试过：

<script>
  var attrs = document.getElementById("code").getAttribute("codemirror-type");
  var editor = CodeMirror.fromTextArea(document.getElementById("code"), attrs);
</script>

但我认为它不起作用，因为它的格式不正确（ http://codemirror.net/doc/manual.html#fromTextArea ）。

我真的需要根据HTML属性（或类或附加标记等）来设置代码编辑器的样式。 如何实现呢？

Answer 1

解决了，这是一个JSON Parse问题，给定了CodeMirror文本区域，如下所示：

<textarea id="code" name="code" codemirror-settings='{"lineNumbers": true, "styleActiveLine": true, "matchBrackets": true}'>CODE_HERE</textarea>

可以像这样正确渲染：

var attrs = document.getElementById("code").getAttribute("codemirror-settings");
var obj = JSON.parse(attrs);
var editor = CodeMirror.fromTextArea(document.getElementById("code"), obj);