codemirrorエディタでCSSが正しく動作しません

Question

codemirror editorをインストールしました。
しかし、そのエディタのcssに関する1つの問題があります。

hereの意味を確認できます。

3行目以降の色はエディタでどのように表示できますか？

Answer 1

あなたはプレス後の

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

代わりのsome_pixelを見て入力するか、それが自動的に行番号の高さを設定する任意のキーワードべきで、
あなたが起動時にその問題を持っている場合、あなたはどのように見たいかもしれません最初に作成するには、3つの一般的な方法は
あり、
最も簡単なのは、あなたのテキスト領域を定義し、ちょうどこのコードを使用することです：

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

を

最高のは、コードを使用して値を入れている。ここでマニュアルサイトがあります：http://codemirror.net/doc/manual.html

Answer 2

CodeMirrorは、XMLモードを使用してHTMLを解析し

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

は、それが

UPDATEに役立ちます願っています。それを使用するには、他のモードと同様に適切なスクリプトを組み込む必要があります。

は、あなたのマークアップでその依存関係を追加します。

<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, 
    // ... 
};