Css không hoạt động đúng trong trình soạn thảo mã hóa

Question

Tôi đã cài đặt thành công codemirror editor.
Nhưng có một vấn đề liên quan đến css của trình soạn thảo đó.

Bạn có thể kiểm tra here ý tôi là gì.

Vậy làm cách nào tôi có thể hiển thị màu sau dòng thứ 3 trong trình chỉnh sửa.

Answer 1

bạn nên nhìn vào

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

thay vì some_pixel sau khi nhấn Enter hoặc từ khóa bất kỳ nó sẽ tự động thiết lập chiều cao của số dòng,
nếu bạn có vấn đề khi khởi động bạn có thể muốn xem như thế nào để tạo ra lúc đầu,
có ba phương pháp phổ biến,
cách đơn giản nhất là xác định Tiêu Diện tích của bạn và chỉ cần sử dụng mã này:

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

giá trị

Các tốt nhất là đặt sử dụng mã:

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

hy vọng nó sẽ giúp

UPDATE: Có một trang web thủ công ở đây: http://codemirror.net/doc/manual.html

Answer 2

CodeMirror phân tích cú pháp HTML bằng cách sử dụng chế độ dẫn XML. Để sử dụng nó, tập lệnh thích hợp phải được bao gồm, giống như với bất kỳ chế độ nào khác.

Thêm sự phụ thuộc của nó trong đánh dấu của bạn:

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

và thiết lập chế độ để xml:

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

Bên cạnh đó, bạn có thể muốn cấu hình phân tích cú pháp để cho phép phi XML cũng như hình thành . Bạn có thể làm như vậy bằng cách chuyển cờ htmlMode trên:

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