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

前端之家收集整理的这篇文章主要介绍了Css在codemirror编辑器中无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我成功安装了 codemirror editor.
但是关于该编辑器的CSS有一个问题.

你可以查看here我的意思.

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

解决方法

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

按Enter或任意关键字后,它将自动设置行号的高度,而不是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

猜你在找的CSS相关文章