Отобразите текст с помощью PrismJ и выделите определенные строки + положения столбцов

Я хочу отобразить выделенные синтаксисом файлы (например, HTML, Java, C) на странице HTML, где программно выделены определенные строки + позиции столбцов. Например, с учетом текста:

the quick brown fox
jumped over the
lazy dog

Я хочу выделить все слова длиной три буквы, поэтому перед ними появится маркер, например, "!" здесь используется в качестве маркера, но я хочу стилизовать его так, как я хочу, с помощью CSS (чтобы каждый маркер был элементом! или чем-то похожим):

!the quick brown !fox
jumped over !the
lazy !dog

Как я могу сделать это с PrismJs?

Вещи, которые я изучал:

  • Я нашел плагин для подсветки строк, но он выделяет только строки https://prismjs.com/plugins/line-highlight/

  • Я подумал, что сам могу вставить маркеры непосредственно в текст (например, как текст "MARKER"), затем заставить PrismJ генерировать HTML-код с подсветкой синтаксиса для отображения, а затем изменить HTML-код, чтобы я мог отображать маркеры так, как я хочу. Однако это кажется грязным, и разные текстовые маркеры могут испортить подсветку синтаксиса для разных типов документов.

0 ответов

Другие вопросы по тегам