Suggestion for new project - quasar WYSIWYG designer
-
Anybody interested to start a new project together? Intended to be FOSS.
Basically, it will be a typical WYSIWYG designer, just that it’s for quasar.
As a starting point we could do something similar to the layout builder, just that you can drag and drop other components in as well.
The idea is that it can generate the <template> portion for your design and then you can copy-paste it into your code. The user should also be able to open an existing <template> and continue designing.
-
May I suggest way to move forward is to write plugin for tool like Figma.
Figma already able to create UI and layout. We just need a plugin that can translate design into quasar layout code.
-
@harishashim
I don’t think quasar’s team/community is going to put any time in a paid product like Figma.@walfin
Great idea. But I think it’s best to wait unit Quasar’s components are rewritten in typescript (like Vue3 is). Because I think a tool like a WYSIWYG editor will be a lot easier to develop with static typing. -
If Figma is not an option, a good starting point will be this one.
https://github.com/baggachipz/q-form-builder
Drag and drop and customizing properties is already happening in that project.
I would be interested in UI/UX design if this WYSIWYG project get kickedoff.
-
@harishashim Wow yeah that looks really good. I’ll try to contribute to that project instead then.
-
@walfin I think a fork would be better
. Since that project objective is form builder while WYSIWYG builder will have larger scope.
I would imagine that we want to have template and page builder as well.
-
@harishashim Yeah maybe. But does anyone know if baggachipz is on this forum?
@dobbel Yeah maybe better to wait for the Vue 3 release of Quasar. Don’t know if Razvan is going to rewrite the components in TypeScript but at least it’ll be more stable once the new release is out, then we won’t have to port it to the new version of Quasar later on.
-
@walfin said in Suggestion for new project - quasar WYSIWYG designer:
Yeah maybe better to wait for the Vue 3 release of Quasar. Don’t know if Razvan is going to rewrite the components in TypeScript but at least it’ll be more stable once the new release is out, then we won’t have to port it to the new version of Quasar later on.
yep - it seems, the Vue3 will be a HUGE upgrade after all. I’m also stopping any bigger changes to quasar components because I will have to rewrite them/change them in very near future probably:
https://v3.vuejs.org/guide/migration/introduction.html#introduction
-
someone already did start:
https://forum.quasar-framework.org/topic/7084/sevenq-wysiwyg-quasar-gui-builder -
@dobbel i’m the author of this project - i already built a WYSIWYG editor for all (120+) Quasar widgets, including props & events & methods + Quasar CSS classes and regular CSS props + Native & Quasar events. will be happy to show what i did or maybe join your project.
-
@sevenq42 Wow! I’ll be sure to check your project out.