Подсветка синтаксиса — расширение, которое предназначено для улучшения читабельности викитекста, 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%;
}