javascript - CodeMirror 未突出显示 XML

Question

我想使用 CodeMirror 突出显示文本区域内的 xml 代码，但由于某种原因它失败了。原因是什么？

<script src="${pageContext.request.contextPath}/resources/lib/codemirror.js"></script>
    <script src="${pageContext.request.contextPath}/resources/mode/xml/xml.js"></script>

<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/lib/codemirror.css"/>
    <textarea rows="25" class="field span8" id="xmlRequestTextarea" name="xmlRequestValue" class="form-control" ng-model="xmlRequestValue" required></textarea>

    <script>
        var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("xmlRequestTextarea"), {
            lineNumbers: true,
            mode: "htmlmixed"
        });
        myCodeMirror.htmlMode(false);

    </script>

Answer 1

您正在尝试使用“htmlmixed”模式，但您没有加载它(或其依赖项，javascript和css模式，以及您加载的xml模式)。如果不需要内联javascript和css高亮，可以在加载xml模式后将mode选项设置为text/html，就会得到HTML突出显示。

此外，htmlMode方法绝对不是一个东西。