Редактор кода онлайн: пишите, форматируйте и сравнивайте

Что сделать прямо сейчас

У каждой задачи — своя страница с готовым инструментом. Полный редактор с вкладками и облачными файлами открывается кнопкой «Открыть редактор».

Как начать работу

1. Откройте файл или создайте новый

   Нажмите «Открыть файл», перетащите документ в окно или начните с пустого листа. Язык определяется по расширению, а переключить его можно в строке состояния.

   

2. Пишите с подсказками

   Подсветка, автодополнение, Emmet для HTML и CSS, поиск и замена по файлу и по папке. Ошибки JSON и TypeScript видны сразу, без запуска сборки.

   

3. Сохраните или скачайте

   В облаке файл сохраняется по Ctrl+S и хранит историю версий. Без входа сохранение скачивает копию на устройство — так же скачивается результат форматирования или сравнения.

   

Инструменты на этой странице

Почему редактор работает в браузере

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

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

Что открывается и сохраняется

• Текстовые файлы: JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python, PHP, Rust, Go, Java, SQL и другие.
• Кодировки UTF-8, UTF-16 и Windows-1251 — файл читается и записывается без потери символов.
• Облачные папки: дерево файлов, создание, переименование, копирование и удаление.
• История версий облачного файла: можно посмотреть и вернуть прежнюю редакцию.

Структура, поиск и проверки

Подсветка понимает структуру файла, а не только слова: строки и комментарии в JS, селекторы и значения в CSS, ключи и строки в JSON. Свернуть функцию, увидеть мини-карту и перейти к символу можно в любом языке из списка. Парные скобки подсвечиваются, отступы выравниваются, а длинные строки переносятся по настройке.

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

Проверка TypeScript и JavaScript идёт в фоне и не мешает печатать. Ошибки видны в файле и в списке проблем: можно перейти к строке, прочитать сообщение и исправить. Настройки хранятся отдельно для каждого языка: размер отступа, табы, перенос строк и автосохранение.

Редактор помнит, где вы остановились: вкладки, курсор и несохранённые правки восстанавливаются при следующем открытии. Черновики хранятся в браузере, поэтому случайное закрытие окна не стирает работу. Если файл открыт в двух окнах, конфликт при сохранении покажет баннер с выбором: перезагрузить, сохранить копию или оставить свою версию. Настройки сохраняются в браузере и переезжают вместе с аккаунтом.

• Сворачивание кода, мини-карта и список символов файла.
• Поиск и замена в файле и в папке, с регулярными выражениями.
• Форматирование через Prettier в отдельном потоке.
• Проверка типов TypeScript без сборки проекта.
• Тёмная и светлая темы, размер шрифта и перенос строк.

Горячие клавиши