使用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);