Как выделить каждую строку, используя редактор ACE в Angular TypeScript?

Question

Я использую ACE Editor в своем проекте Angular5.
Как вы можете видеть, я хочу подтвердить разрешение и запрет электронной почты в редакторе.
Я хочу выделить каждую дублирующуюся строку.Редактор ACE может быть выделен каждой строке, как это?Пожалуйста, смотрите это изображение

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
}