如何在 ACE 编辑器中突出显示某一行
How to highlight a certain line in ACE editor?
我正在为我的网站使用 ACE 编辑器。我需要在编辑器中选择/突出显示某些行。但是当它是一个大代码时,ACE 编辑器会显示一些错误,例如,当它向下滚动行号更改并且突出显示的行号与我要突出显示的行号不同时。我已经搜索并找到了这个问题。但实际上我无法理解它。任何人都可以举一些例子来突出显示ACE编辑器中的一行吗?这是我当前的代码:
var aceLines = document.getElementsByClassName("ace_line");
var gutters = document.getElementsByClassName("ace_gutter-cell");
var gutLineNo = parseInt(gutters[0].innerHTML)-1;
if(count1 != 0){
aceLines[arNum[count]-gutLineNo].style.backgroundColor = "green";
aceLines[arNum[count1]-gutLineNo].style.backgroundColor = "black";
}else{
aceLines[arNum[count]-gutLineNo].style.backgroundColor = "green";
}
不要尝试直接修改编辑器 dom。Ace 仅为可见线创建 dom 节点,并且您需要使用 setMarker 如如何使用 Ace 突出显示多行中所述?
首先创建一个设置背景的 CSS 类
.myMarker {
position:absolute;
background:rgba(100,200,100,0.5);
z-index:20
}
然后添加标记
var Range = ace.require('ace/range').Range;
editor.session.addMarker(new Range(from, 0, to, 1), "myMarker", "fullLine");
这里from
和to
是您要突出显示的行数
相关文章:
- 谷歌地图-数据库中的标记只显示最后一行的信息
- 允许为显示的每个数据表选择一行
- 隐藏的锚链接下降在下一行一旦显示
- 使用下拉选择菜单高亮显示一行表格单元格
- 从 html 表中选择一行(突出显示)并在单击按钮时发送值
- 文档的第一行.写的格式不正确,有时无法显示
- 选择并高亮显示一行中的单元格
- 在表格最后一行(链接)中显示菜单,并在单击菜单项时显示模式窗口
- 在同一行中为每个复选框显示和隐藏文本字段
- 如果最后一行已经显示,如何防止jQuery加载更多停止函数
- 展开/折叠显示一行,而隐藏其他行
- 当鼠标放在一行上时,jqplot会高亮显示该行
- 删除表中的最后一行时显示警报窗口
- 当鼠标悬停在一行上时,哪个plot.ly json属性可以显示所有悬停数据
- 从数据表中选择一行以显示单选按钮值
- 使用 javascript 在警报消息中显示表的第一行
- 对于循环,如何在一行上显示每个字符
- 在Angular.js中,点击前一行显示下一行(隐藏的)
- JQuery移动页脚项不在一行显示
- 如何在角的每一行显示两列