Css在codemirror编辑器中无法正常工作

Question

我已经成功安装了codemirror editor。
但有一个关于该编辑器的CSS问题。

你可以检查我的意思是here。

那么如何在编辑器中的第三行之后显示颜色。

Answer 1

你应该看看

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

代替some_pixel回车后或任何关键字它会自动设置行号的高度，
如果你有开始你可能想怎么看这个问题建立在第一，
有三种常见的方法，
最简单的就是定义你的文本区，只需使用此代码：

var YourCodeMirror = CodeMirror.fromTextArea(YourDefinedTextArea); 

个使用代码

最好放在值：

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

希望它有助于

UPDATE：有一个指南站点位置：http://codemirror.net/doc/manual.html

Answer 2

CodeMirror使用XML模式解析HTML。要使用它，必须包含相应的脚本，与任何其他模式相同。

添加的依赖在你的标记：

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