FANDOM


Підсвічування синтаксису (назва розширення: EditorSyntaxHighlighting) — розширення, покликане підвищити читаність вихідного коду, CSS, JS і Lua за рахунок виділення певних елементів коду різними кольорами. За замовчуванням активно для всіх користувачів, але зареєстровані користувачі можуть відключити підсвічування в налаштуваннях, в розділі «Редагування» (це вимикає підсвітку у вихідному коді і на сторінках зі скриптами і стилями).

Було анонсовано 10 березня 2015 року і спочатку підключалося тільки за запитом. 29 березня того ж року було підключено за замовчуванням.

ОписРедагувати

Дане розширення підсвічує деякі важливі частини вихідного коду і синтаксис на сторінках з CSS, JS і Lua, тим самим підвищуючи читаність коду і полегшуючи його редагування.

Кольорами виділені наступні частини коду:

КлассВихКод.png

Підсвічування у вихідному коді

  •  синій  — заголовки всіх рівнів, жирний, курсивний шрифт.
  •  світло-синій  — внутрішні посилання (конструкція з чотирьох квадратних дужок).
  •  блідо-зелений  — зовнішні посилання (все, що починається з "https:// або http://", або обгорнуте в конструкцію з двох квадратних дужок).
  •  червоний  — параметри шаблонів (конструкція з шести фігурних дужок), маркіровані та нумеровані списки * # відповідно, якщо стоять на початку рядка).
  •  фіолетовий теги.
  •  світло-жовтий  — виклики шаблонів (конструкція з чотирьох фігурних дужок) і таблиці створені через викитекст (конструкція з двох фігурних дужок і двох вертикальних чорт) і деякі інші елементи (зокрема — деякі HTML-коди для ASII символів).

У вихідному коді підсвічуються тільки окремі частини розмітки, причому підсвічується область під текстом, а не сам текст. В скриптах та стилях підсвічується сам текст. У CSS різними кольорами виділені: селектори, атрибути та значення. У JS: оператори, об'єкти, регулярні вирази тощо. Коментарі до коду, незалежно від його типу, виділені сірим кольором. Укупі з відмітками помилок і неточностей в редакторах для CSS і JS відчутно полегшує написання і прочитання коду.

Відмінності релізної та нинішньої версій розширенняРедагувати

Спочатку, коли розширення підключався лише за запитом Contact і не могло бути відключено окремо взятим користувачем локально, колір підсвічування відрізнявся в залежності від колірної гами кожного проекту.

Підсвічування коду в статтяхРедагувати

Щоб підсвітити синтаксис вихідного коду, можна використовувати теґ <syntaxhighlight>, що додається розширенням SyntaxHighlight. Для цього потрібно обернути код цим тегом і вказати в параметрі lang потрібну мову. Приклад для CSS:

.class {
attribute: value;
}

Повний список доступних мов можна подивитися в статті про розширення (посилання нижче) або в попередньому перегляді, якщо ввести неправильне значення в lang.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

Мережа Вікії

Випадкова вікі