WYSIWYG-редактор

WYSIWYG расшифровывается как «what you see is what you get» — «что видишь, то и получишь». Это визуальный редактор, в котором холст, где вы проектируете, выглядит как итоговая отрисованная страница, поэтому вы стилизуете и располагаете элементы напрямую, а не пишете разметку. Именно на этой модели построено большинство no-code конструкторов приложений и сайтов: вы перетаскиваете заголовок на страницу, меняете его цвет на панели, и то, что видите, — это то, что уходит в продакшн. Почему это важно: WYSIWYG сокращает цикл «дизайн — сборка» для тех, кто не программирует, и позволяет основателям выпустить аккуратный фронтенд, не трогая HTML и CSS. Обратная сторона в том, что удобство скрывает структуру — отступы, зашитые в пиксели, стили, применённые к одному элементу вместо общего класса, — из-за чего последующие правки становятся утомительными. Практический совет: выбирайте конструктор, чей WYSIWYG соответствует реальным переиспользуемым стилям (например, Webflow раскрывает лежащую в основе блочную модель CSS), а не тот, что выдаёт лишь зафиксированный визуальный макет, чтобы проект оставался поддерживаемым по мере роста.