Урок На Вечер: Написание Подсветки Синтаксиса

Недавно я заинтересовался тем, как работает подсветка кода изнутри.

Сначала казалось, что все дико сложно — синтаксическое дерево, рекурсия и все.

Однако при ближайшем рассмотрении оказалось, что ничего сложного здесь нет. Всю работу можно выполнить за один цикл, глядя вперед и назад; более того, полученный скрипт практически не использует регулярные выражения.

Демо-страница: Выделение кода Javascript

Основная идея

Если, например, состояние равен единице, то это означает, что мы находимся внутри строки, заключенной в одинарные кавычки.

Скрипт будет ждать закрывающую кавычку и игнорировать все остальное.

То же самое и с подсветкой комментариев, регулярных выражений и других элементов, каждый из которых имеет свое значение.

состояние .

Таким образом, разные открывающие и закрывающие символы не будут конфликтовать; другими словами, код такой:

   

 let a = '"\'"';

   

Начало работы

const states = {

Теги: #JavaScript #js #highlighting #подсветка синтаксиса #syntax #highlight #highlighter #highlighting #highlighter

• Факты Об Анализе Настроений В Социальных Сетях

  19 Oct, 24

• Новая Версия Windows 10 Автоматически Удаляет Utorrent Из Системы

  19 Oct, 24

• Aio Api-Сканер

  19 Oct, 24

• Google Цюрих Глазами Сибирского Фрилансера

  19 Oct, 24

• Реализация Программы Обучения Tableau В Indriver

  19 Oct, 24

• Второй День Трансляции С Devcon`12! Еще Больше Отчетов

  19 Oct, 24

• Как Выбрать Фреймворк Для Фронтенд-Разработки

  19 Oct, 24

• Наушники Для Плавания Xtrainerz От Aftershokz Со Звуком Костной Проводимости — Получилось Круто

  19 Oct, 24

• Разработчики Ie Поздравили Команду Firefox С Выпуском.

  19 Oct, 24

• Графический Манипулятор

  19 Oct, 24