Question

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

您可以查看here我的意思。

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

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"
});

希望它有助于

更新：这里有一个手册网站：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,
    // ...
};

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

2 个答案: