如何在 Angular TypeScript 中使用 ACE 编辑器突出显示每一行？

Question

我在我的 Angular5 项目中使用 ACE 编辑器。
如您所见，我想在编辑器中验证允许和拒绝电子邮件。
我想突出显示重复的每一行。 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 添加到 class "show-highlight"

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

如何在 Angular TypeScript 中使用 ACE 编辑器突出显示每一行？

How to highlight each line using ACE Editor in Angular TypeScript?

ace-editor

angular5