Css在codemirror編輯器中無法正常工作

Question

我已經成功安裝了codemirror editor。
但有一個關於該編輯器的CSS問題。

你可以檢查我的意思是here。

那麼如何在編輯器中的第三行之後顯示顏色。

Answer 1

你應該看看

<div class="CodeMirror-gutters" style=" /*height: some_pixel*/; "><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div> 

代替some_pixel回車後或任何關鍵字它會自動設置行號的高度，
如果你有開始你可能想怎麼看這個問題建立在第一，
有三種常見的方法，
最簡單的就是定義你的文本區，只需使用此代碼：

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

個使用代碼

最好放在值：

var yourCodeMirror = CodeMirror(PlaceYouWant, { 
    value: /*any code here :*/"function(){return 'anything'}", 
    mode: /*your mode ie.*/"javascript" 
}); 

希望它有助於

UPDATE：有一個指南站點位置：http://codemirror.net/doc/manual.html

Answer 2

CodeMirror使用XML模式解析HTML。要使用它，必須包含相應的腳本，與任何其他模式相同。

添加的依賴在你的標記：

<script type="text/javascript" 
     src="/site.com/js/libs/codemirror/mode/xml/xml.js"></script> 

和模式設置爲xml：

config = { 
    mode : "xml", 
    // ... 
}; 

此外，您可能需要配置解析器允許非格式良好的XML 。您可以通過切換htmlMode標誌來實現：

config = { 
    mode : "xml", 
    htmlMode: true, 
    // ... 
};