Css nie działa poprawnie w edytorze codemirror

Question

Z powodzeniem zainstalowałem codemirror editor.
Ale jest jeden problem dotyczący css tego edytora.

Możesz sprawdzić, here, co mam na myśli.

Jak mogę wyświetlić kolor po 3 linii w edytorze.

Answer 1

należy spojrzeć na

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

zamiast some_pixel po naciśnięciu klawisza Enter lub dowolny Hasło zostanie ona automatycznie ustawić wysokość numer linii,
jeśli masz ten problem na początku może chcesz zobaczyć, jak stworzyć w pierwszym,
jest trzy powszechna metoda,
Najprostszym jest zdefiniowanie Tekst Area i po prostu użyć tego kodu:

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

najlepiej jest umieścić wartości za pomocą kodu:

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

nadzieję, że pomoże

UPDATE: Jest to instrukcja site tutaj: http://codemirror.net/doc/manual.html

Answer 2

CodeMirror analizuje HTML przy użyciu trybu XML. Aby go użyć, należy dołączyć odpowiedni skrypt, tak jak w każdym innym trybie.

Dodaj swoją zależność w znacznikach:

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

i ustawić tryb do xml:

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

Ponadto możesz skonfigurować parser aby umożliwić non dobrze uformowanej XML . Możesz to zrobić, przełączając flagę htmlMode na:

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