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

【问题标题】：Css not working properly in codemirror editorCss 在 codemirror 编辑器中无法正常工作
【发布时间】：2013-09-27 13:01:06
【问题描述】：

我已经成功安装了codemirror editor。
但是该编辑器的 css 存在一个问题。

你可以检查here我的意思。

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

【问题讨论】：

那是哪个版本的 CodeMirror？哪个浏览器？你是否接触过任何与 CodeMirror 相关的 css 类？
你能展示你的实现吗？看截图很难回答。
请尽可能回复@Marijn，因为这些答案是理解和解决您的问题所必需的。
codemirror 版本在所有浏览器中都是 3.8，我没有接触过任何 css

标签： css codemirror

【解决方案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

【讨论】：

【解决方案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,
    // ...
};

【讨论】：

包括 .../codemirror/mode/xml/xml.js 使我的 HTML 着色工作。