2014-10-31 30 views
0

我想使用CodeMirror突出顯示textarea內的xml代碼,但由於某種原因它失敗。什麼原因?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> 

回答

1

你試圖使用"htmlmixed"模式,但你沒有加載(或它的依賴,將JavaScript和CSS模式,以及您所加載的XML模式)。如果您不需要內聯javascript和css以突出顯示,則可以在加載xml模式後將mode選項設置爲text/html,您將獲得HTML高亮顯示。

此外,htmlMode方法絕對不是一件事情。