Css non funziona correttamente nell'editor di codemirror

Question

Ho installato il codemirror editor con successo.
Ma c'è un problema riguardante i css di quell'editor.

È possibile controllare here cosa intendo.

Quindi, come posso visualizzare il colore dopo la terza riga nell'editor.

Answer 1

si dovrebbe guardare a

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

invece di some_pixel dopo premere invio o una qualsiasi parola chiave si imposterà automaticamente l'altezza del numero di linea,
se avete questo problema all'avvio si potrebbe desiderare di vedere come per creare in un primo momento,
c'è tre metodo comune,
Il più semplice è quello di definire il testo Area e basta usare questo codice:

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

valori

La migliore è messo utilizzando il codice:

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

Speranza che aiuta

UPDATE: C'è un sito manuale qui: http://codemirror.net/doc/manual.html

Answer 2

CodeMirror analizza HTML utilizzando la modalità XML. Per usarlo, lo script appropriato deve essere incluso, come con qualsiasi altra modalità.

Aggiungi sua dipendenza nel markup:

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

e impostare la modalità di xml:

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

Inoltre, è possibile configurare il parser per consentire XML non ben formato . È possibile farlo selezionando il flag htmlMode su:

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