Css funktioniert nicht richtig in Codemirror-Editor

Question

Ich habe die codemirror editor erfolgreich installiert.
Aber es gibt ein Problem in Bezug auf CSS dieses Editors.

Sie können überprüfen, here was ich meine.

Also wie kann ich die Farbe nach der 3. Zeile im Editor anzeigen.

Answer 1

Sie bei

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

statt some_pixel nach drücken Sie die Eingabetaste oder jedes Schlüsselwort aussehen sollte es wird automatisch die Höhe der Zeilennummer gesetzt,
, wenn Sie dieses Problem beim Start haben möchten Sie vielleicht sehen, wie zu schaffen, auf dem ersten,
gibt es drei gängige Methode,
Die einfachste ist zu definieren Sie Ihren Textbereich und nutzen Sie einfach diesen Code:

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

Das Beste ist Code setzen Werte mit:

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

hoffen, dass es

UPDATE hilft: http://codemirror.net/doc/manual.html

Answer 2

Codemirror HTML analysiert die XML-Modus: Es gibt eine manuelle Seite hier ist. Um es zu verwenden, muss das entsprechende Skript wie in jedem anderen Modus enthalten sein.

seine Abhängigkeit in Ihrem Markup hinzufügen:

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

und den Modus auf xml:

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

Darüber hinaus möchten Sie können den Parser konfigurieren, nicht wohlgeformte XML zu ermöglichen . Sie können dies tun, indem Sie das htmlMode-Flag einschalten:

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