Комментарии 20
Пока что там буквально ничего не работает.
Компоненты не отображаются на канвасе, изменение свойств DIV ни на что не влияет, а у других элементов (IMG, P и SPAN) свойства вообще не редактируются. Да, там всего 4 типа элемента.
Перемещение элементов по дереву не работает, хотя курсор хаотично скачет между "move" и "pointer".
Скрее похоже на продукт получасового вайб-кодинга(со статьёй включительно), чем на "комплексное решение в стадии бета-тестирования".
P.S. Тестировал в Chrome и Firefox
Очень странно, но у меня все работает, + видимо вы не прочитали "обучалку" вначале
По поводу (IMG, P и SPAN) да я знаю, там докинуть просто свойства надо и все. Просто я щас +- разметил что то, а так как это unstyled компонент то я не совсем понимаю как юзеру его лучше отдать, чтобы ему было удобно редактировать его или пользоваться.
Я подобный редактор (но допиленный) делал в e-com в кастомной CMS, и он нормальный вышел, но тут речь именно о готовом большом модуле который я отдаю в папку.
Не совсем понимаю типо как заститилить его.
Где должен быть Drawer с опциями, или может быть вообще сделать редактирование и измение элемента через ПКМ (contextmenu) и тд тп, и чтобы это было еще совместимо со структурой юзера и компонентами.
Вообщем не совсем понимаю в каком направлении мне двигаться. И как раз таки хочу услушать это выложив такой "маленький прототип" потому что щас я начну делать, а потом не удобный компонент выйдет, и придется все переделывать (повезет если не с нуля), крч как то так.
А вот за вайб-коддинг обидно было.
Согласен.
Во-первых, не работает примерно ничего. Элементы появляются в дереве, но не на канвасе, в дереве с ними ничего сделать нельзя, при этом. Галки не нажимаются, элементы не перемещаются, хотя курсор намекает на то, что должны. Ещё и бесячий анимированный фон канваса доставляет...
Во-вторых, человеку, который знает, что такое "div", и "display: inline-block" такой "конструктор" не нужен в принципе. А палитру компонентов я не обнаружил...
.Помню, когда-то делал сайты в adobe muse. Давно, и как был счастлив, когда научился справляться без этого дерьма. Ведь кодом лучше, проще, быстрее, чище оказалось. Чем десять кнопок жать, набрал 2 строки кода не глядя на монитор. Ну это уже сейчас так. В целом о Чем я?
Кому это нужно?
Идейно похоже на Webstudio. Может как источник вдохновения подойдёт.
С телефона полностью неиспользуемо. Но честно говоря, мне кажется завайбкодить можно было быстрее и лучше :) по крайней мере относительно того, что я вижу и делаю.
Если бы сделать Delphi для веба... :) Помню как же быстро разработка на нем шла для десктопа!)
Лучший редактор был бы, если взять DevTools и прикрутить возможность добавлять элементы и классы и сохранять это все. Я бы в такой проект как дизайнер вписался.
Странно, консоль вовсе пустая, но все равно ничего не работает.
Вроде контент появляется, но нулевой высоты (даже если это текст)
MacOS, Arc (Chromium)
В общем, тестировать следует тщательнее...
Я под свои задачи себе что-то похожее делал, только конечно же проще, не для VUE, а для js с уклоном на bootstrap 5. Мой конструктор
HTML Builder: визуальный конструктор HTML-структур на Vue 3