codemirror可以在多个textareas上使用吗？

Question

可以codemirror被一个以上的textarea的使用？我使用了许多动态生成的textareas.

<script type="text/javascript"> 
var editor = CodeMirror.fromTextArea('code', {
height: "dynamic",
parserfile: "parsecss.js",
stylesheet: "codemirror/css/csscolors.css",
path: "codemirror/js/"
});
</script>

我更喜欢在textarea上设置一个类来将它连接到codemirror.可能吗？解决它的另一种方法是设置多个ID.上面的代码设置ID"code"以连接到codemirror.

Answer 1

实际上,你可以多次调用CodeMirror.fromTextArea'Codemirror-ify'多个textareas.

如果你想要多个具有相同选项的textareas,请将Codemirror.fromTextArea调用包装在一个函数中,如:

function editor(id)
{
    CodeMirror.fromTextArea(id, {
        height: "350px",
        parserfile: "parsexml.js",
        stylesheet: "css/xmlcolors.css",
        path: "js/",
        continuousScanning: 500,
        lineNumbers: true
    });
}

然后,您可以将它应用于您的textareas,如:

editor('code1');
editor('code2');

Answer 2

可能对某人有帮助,使用html类将其附加到多个textareas:

<textarea class="code"></textarea>
<textarea class="code"></textarea>
<textarea class="code"></textarea>

<script type="text/javascript">
function qsa(sel) {
    return Array.apply(null, document.querySelectorAll(sel));
}
qsa(".code").forEach(function (editorEl) {
  CodeMirror.fromTextArea(editorEl, {
    lineNumbers: true,
    styleActiveLine: true,
    matchBrackets: true,
    theme: 'monokai',
  });
});
</script>

如果下来投票,请写下理由..!