7

我已经成功安装了codemirror 编辑器
但是关于那个编辑器的 css 有一个问题。

你可以在这里检查我的意思。

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

4

2 回答 2

5

你应该看看

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

而不是 some_pixel 在按 enter 或任何关键字后它会自动设置行号的高度,
如果你在开始时有这个问题你可能想先看看如何创建,
有三种常用方法,
最简单的是定义你的文本区域,只需使用以下代码:

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

于 2013-10-07T08:07:38.793 回答
1

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,
    // ...
};
于 2013-10-14T04:53:19.190 回答