css 在代码镜像编辑器中无法正常工作

Question

我已经成功地安装了代码镜像编辑器。
但是关于该编辑器的 css 有一个问题。

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

那么如何在编辑器中显示第 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,
    // ...
};