HTML/CSS/JS редактор с элементами IDE (SaaS версия)

в 4:05, , рубрики: css, html, JS, SaaS, Блог компании Бигго, редактор, метки: , , ,

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

Теперь есть возможность редактирования нескольких документов в одном окне, с переключением через табы(картинки кликабельны):

HTML/CSS/JS редактор с элементами IDE (SaaS версия)

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

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

HTML/CSS/JS редактор с элементами IDE (SaaS версия)

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

HTML/CSS/JS редактор с элементами IDE (SaaS версия)

Отдельного внимания заслуживает система autocomplete(подсказок) для внутренних переменных и django-тегов. Набирая {% или {{ с последующим Ctrl + space система выдаст подсказки возможных значений.

HTML/CSS/JS редактор с элементами IDE (SaaS версия)

Более того, если для тегов предусмотрены параметры, то система подскажет и их, с учетом контента имеющегося на сайте.

HTML/CSS/JS редактор с элементами IDE (SaaS версия)

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

Мы планируем и дальше развивать редактор, а также другие функции, которые позволят web-мастерам и менеджерам магазинов пользоваться преимущественно браузером в своей повседневной работе с конструктором.

Автор: Biggo

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js