可以修改样式文件来调整 CodeMirror 的外观。
Mode 提供的样式文件只定义了该 Mode 的颜色,可直接修改。
编辑器的外观可以直接修改或覆盖 lib/codemirror.css
来调整。
修改该文件需要注意一些规则,如应使用安全色等,该文件需要包含以下 class :
CodeMirror
height
为 auto
可以让编辑器自适应高度
(推荐把 viewportMargin
选项设置为 Infinity
配合使用)。CodeMirror-focused
CodeMirror-gutters
CodeMirror-linenumbers
CodeMirror-linenumber
CodeMirror-linenumbers
的子级,
但会使用绝对定位将其覆盖在 CodeMirror-linenumbers
之上。CodeMirror-lines
CodeMirror-cursor
CodeMirror-selected
CodeMirror-matchingbracket
,
CodeMirror-nonmatchingbracket
如果你为页面中的所有 div
或 pre
都设置了样式(不推荐),
你必须定义规则来消除对 CodeMirror
的影响。
主题也是 CSS 文件,用来给关键字着色。参考 theme
目录下的文件。