如何在Angular TypeScript中使用ACE编辑器隐藏每行？

Question

我在Angular5项目中使用ACE Editor。
如您所见，我想在编辑器中验证允许和拒绝电子邮件。
我要突出显示重复的每一行。 ACE Editor可以高亮显示每一行吗？ 请参阅 this picture

Answer 1

使用 addMarker 向要显示突出显示的行添加突出显示。

Range = ace.require('ace/range').Range;
editor.session.addMarker(
    new Range(from, start_pos, to, end_pos), 
    "show-highlight", 
    "fullLine");

在这里，start_pos和end_pos是您要突出显示的行。将CSS添加到“ show-highlight”类中

.show-highlight {
  position:absolute;
  background: yellow; //Specify the color you would like to use
}