CodeMirror激活行高亮失效求助:已引入active-line.js但无效果
解决CodeMirror激活行高亮无效的问题
嘿,我一眼就看出问题啦!你已经正确引入了active-line.js插件,但漏掉了在CodeMirror初始化配置里启用它的关键步骤。
要让激活行高亮生效,只需要在初始化配置中添加styleActiveLine: true这个选项就行,具体修改后的代码如下:
<script> CodeMirror.fromTextArea(document.getElementById("maple_code"), { lineNumbers: true, mode: "text/x-mysql", styleActiveLine: true // 启用激活行高亮的核心配置 }); </script>
补充几个排查点,以防还是没生效:
- 检查浏览器控制台,确认
active-line.js有没有成功加载(没有404错误) - 确保
codemirror.css里的.CodeMirror-activeline相关样式没有被你自己的自定义CSS覆盖 - 如果你用的是较新版本的CodeMirror,这个功能已经内置,不需要额外引入
active-line.js,不过你已经引入了也不会有冲突
内容的提问来源于stack exchange,提问作者Morgan
相关产品推荐
相关产品推荐

