Справка:Подсветка синтаксиса

Подсветка синтаксиса — расширение, которое предназначено для улучшения читабельности викитекста, CSS и JavaScript. Подключено по умолчанию на всех википроектах.

Подсветка викитекста

Подсветка викитекста

Викитекст — это основа любой статьи вики. Даже при редактировании в Визуальном редакторе ваши правки в конечном итоге будут преобразованы в викитекст. Но на больших страницах с многочисленными шаблонами и сложными конструкциями бывает сложно сразу разобраться, что есть что. Подсветка синтаксиса призвана решить эту проблему.

Для выделения элементов на википроектах со светлой темой используются следующие цвета:

•  синий  = заголовки, жирный шрифт, курсив;
•  светло-синий  = внутренние ссылки;
•  бледно-зеленый  = внешние ссылки;
•  красный  = ключевые элементы викитекста;
•  фиолетовый  = теги;
•  серый/коричневый  = шаблоны и HTML версии специальных символов.

Для выделения элементов на википроектах с тёмной темой используются следующие цвета:

•  тёмно-лиловый  = заголовки, жирный шрифт, курсив;
•  тёмно-синий  = внутренние ссылки;
•  прозрачный  = внешние ссылки;
•  коричневый  = ключевые элементы викитекста;
•  тёмно-фиолетовый  = теги;
•  оливковый  = шаблоны и HTML версии специальных символов.

Подсветка синтаксиса CSS и JavaScript

Подсветка синтаксиса CSS

Подсветка синтаксиса на страницах с CSS и JS в первую очередь призвана повысить читабельность кода, а дополняющий подсветку агент проверки поможет определить допущенные ошибки. Также на страницах с CSS и JavaScript работает автоматическая подстановка некоторых символов, которая поможет немного сократить время написания кода и избавит от ошибок с пропущенными или забытыми скобками. Подсветка синтаксиса работает как на локальных страницах с CSS и JS, так и на глобальных страницах с CSS и JS (в целом на любых страницах MediaWiki).

Личные настройки

Если вы не хотите видеть подсветку синтаксиса, вы можете отключить её на странице настроек во вкладке «Редактирование». Просто поставьте галочку в поле «Не показывать подсветку викитекста в Исходном коде», и подсветка перестанет появляться не только на страницах с викитекстом, но и на страницах с кодом CSS и JavaScript.

Подсветка кода в статье

Для подсветки кода в статьях используется тэг <syntaxhighlight>. Полный список доступных для подсветки языков можно найти здесь.

Например, подсветка CSS в статье через syntaxhighlight

<syntaxhighlight lang="css">
.class {
  font-size:110%;
}
</syntaxhighlight>

создаст:

.class {
  font-size:110%;
}