Предложения

В общем я прошелся по редактору и вот, что предлагаю:

1. При высоте 100vh (вся высота экрана) на preview появляется скрол на высоту верхней панели редактора. 

2. Добавить возможность в size добавлять кастомные единицы (svw(h), dvw(h))

3. Сделать возможность удаления автосозданных классов, если я пишу свой класс. Я добавляю блок прописываю класс или выбираю для него уже созданный класс, а он в редакторе добавляется как комбо-класс, хотя на сайте не показывается атосозданный, но при выборе элемента по умолчанию редактируется первый, автосозданный класс. Чтобы добавить комбо-класс надо отдельно выбирать dynamic, но не понятно зачем там тогда автосозданный висит. При добавлении собственного класса, надо убирать автосозданный.

4. При выборе блока в дереве (с dynamic class) редактируется не вся связка с комбо-классом а динамический. Если отдельно выбрать комбо, то редактируется только он, но все стили пустые а не из dynamic. Вообще не понятно как работать с классами

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

1. Есть кнопка publish, но нет превью в отдельной вкладке без панели редактора. Внутри есть Preview Link и Editor Link. Preview Link не очевидно для открытия preview, а вот если кликнуть на Editor Link, то зачем то открывается Preview Edit в новом окне. Тут скорее всего надо Preview оставить внутри Publish, а коприрование ссылок на Preview и Editor Вынести отдельно в Share (например)

2. Для текста сделать кастомное подчеркивание (text-decoration-color, text-decoration-thickness и text-underline-offset)

3. В Media library сделать папки, как в webflow. Так очень удобно хранить иконки отдельно от изображений + по страницам удобно, чтобы не все вперемешку

4. Убрать сворачивание дерева элементов при добавлении нового блока

5. Иконка variables в левой панели неочевидна. Сейчас иконка list не отражает того что там

6. Созданные Components в дереве ни чем не выделены, что это компонент, кроме иконки. Надо как-то подсвечивать компонент цветом

7. В правой панели если кликнуть на название параметра он очищает стили. Это крайне неудобно. Было бы круто сделать как в webflow (alt+click). Случайный клик по названию очищает созданный стиль

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

9. Выбор иконки брейкпоинта неплохо бы делать на этапе добавления до нажания ADD. По умолчанию добавляется иконка tablet

10. Большие брейкпоинты не помещаются в экран редактора, что делает неудобный редактирование (надо предусмотреть зумирование как в webflow).

11. Кнопка Clear page очень опасно лежит в верхней панели))

12. При выборе блока в дереве сролится окно редактора до элемента, но странно что элемент сверху экрана. В webflow скрол до элемента, но элемент центрируется по вертикали экрана. Сейчас если элемент на экране и его выбрать в дереве то все уходит наверх оставляя сверху элемент. Для редактирования неудобно

Напишу своими словами . Не хватает базового расширения , так как в webflow да и в других редакторах ( в том же ТапТоп) . Пытался настроить флюидную верстку с использованием респонсив-генератора из финсвит . Нет понимания ( у меня ) как настраивать брэйк-поинты у нас в редакторе .

Предлагаю сделать в нашем WSEditor аналогично . Заимствовано у ТапТоп . Считаю очень удобно и наглядно ! Заготовленные расширения и возможность их корректировать считаю очень удобным и практичным решением !

Возможно есть решение и я его не увидел, но на текущий момент в WS editor не хватает возможности копировать готовые (сверстанные) блоки из одного проекта в другой для ускорения работы над проектами. Второй момент, нет возможности импортировать готовые блоки из уроков Макса по WS editor в формате json не в отдельный проект, над которым работаешь, а только во вновь создаваемый. Приходится с 0 верстать каждый новый проект. Так теряется смысл перехода на WS editor и создание собственной библиотеки готовых решений.

Возможно сделать отображение информации более заметным, а также явно указывать, что это проценты или пиксели. Цифра «ноль» перечёркнутая — очень плохо заметна для зрения. Цифры более круглой формы будут более читаемы.