ФЭНДОМ


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

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

SyntaxHighlight-WikitextDark

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

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

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

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

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

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

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

SyntaxHighlight-CSS

Подсветка синтаксиса 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%;
}