我已经成功安装了codemirror 编辑器。
但是关于那个编辑器的 css 有一个问题。
你可以在这里检查我的意思。
那么如何在编辑器中显示第三行之后的颜色。
你应该看看
<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
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,
// ...
};