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>

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

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 在 codemirror 编辑器中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19051431/

相关文章:

css - 覆盖时的图像宽度问题

javascript - 叠加层正在扩展到视口(viewport)之外

css - 有没有办法检查网页上正在使用或未使用哪些 CSS 样式?

javascript - codeMirror 中的 SQL 自动格式化

javascript - 以 HTML 格式直接输出 PHP 代码

css - 如何使用 CSS 过渡淡入和淡出背景图像?

css - 如何将特定的 CSS 规则仅应用于 Chrome?

css - 更改 jupyter 的匹配括号颜色

javascript - 代码镜像错误: Uncaught Error: Unrecognized extension value in extension set ([object Object])

javascript - Rails View 中的文本区域在 js 中返回 null