Проходя курсы, вы всё время работаете с нашим редактором. Чтобы было удобнее, мы решили добавить несколько настроек. Теперь вы можете более гибко настроить отображение редактора. Давайте пройдёмся по каждой настройке и посмотрим, что она делает с редактором.

Размер шрифта

По умолчанию мы используем 12px размер. У вас есть возможность выбрать другие значения, например, 10px, 14px, 16px. Вот как выглядит код с большим размером шрифта.

Большой размер шрифта в редакторе
Большой размер шрифта в редакторе

Тёмная тема редактора

Мы знаем, что большое количество учеников любит тёмные темы редакторов. Теперь вы можете сделать таким же и наш редактор. Смотрите, как выглядит.

Тёмная тема редактора
Тёмная тема редактора

Возможность сворачивать участки кода

Чем сложнее задания, тем больше кода в редакторе. Иногда хочется свернуть те участки, которые не так важны. Как раз для этого и нужна эта настройка. Вот как будет выглядеть редактор.

Скрытые участки кода в редакторе
Скрытые участки кода в редакторе

Показывать скрытые символы

Если вы привыкли видеть все символы, то эта настройка для вас. Она покажет все пробелы, табы, переносы строк.

Скрытые символы в редакторе
Скрытые символы в редакторе

Убрать название редакторов

Когда вы уже привыкли работать с нашим интерфейсом и знаете, что наверху находится HTML-редактор, а внизу CSS-редактор, таблички с этими названиями можно убрать.

Редакторы без названий
Редакторы без названий

Подсвечивать одинаковые слова

Очень удобное дополнение в редакторе. С помощью него вы можете подсвечивать одинаковые теги, свойства, атрибуты. Удобно использовать, если у вас что-то не получается и вы хотите разобраться, что не так.

Подсветка одинаковых слов в редакторе
Подсветка одинаковых слов в редакторе

Автозакрытие тегов

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

Это только начало, мы планируем и дальше вводить настройки для управления редактором. Мы считаем, что гибкость редактора — это удобство прохождения курсов. Надеемся, вам понравиться это нововведение.

В обзоре настроек использовались изображения заданий из курса «Анимация».