No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Suggestion for new project - quasar WYSIWYG designer

    Hangout
    5
    11
    1121
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      walfin last edited by

      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.

      1 Reply Last reply Reply Quote 1
      • H
        harishashim last edited by

        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.

        dobbel 1 Reply Last reply Reply Quote 0
        • dobbel
          dobbel @harishashim last edited by dobbel

          @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.

          1 Reply Last reply Reply Quote 0
          • H
            harishashim last edited by harishashim

            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.

            W 1 Reply Last reply Reply Quote 0
            • W
              walfin @harishashim last edited by

              @harishashim Wow yeah that looks really good. I’ll try to contribute to that project instead then.

              1 Reply Last reply Reply Quote 0
              • H
                harishashim last edited by

                @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.

                W 1 Reply Last reply Reply Quote 0
                • W
                  walfin @harishashim last edited by

                  @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.

                  qyloxe 1 Reply Last reply Reply Quote 0
                  • qyloxe
                    qyloxe @walfin last edited by

                    @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

                    1 Reply Last reply Reply Quote 0
                    • dobbel
                      dobbel last edited by

                      @walfin

                      someone already did start:
                      https://forum.quasar-framework.org/topic/7084/sevenq-wysiwyg-quasar-gui-builder

                      S 1 Reply Last reply Reply Quote 0
                      • S
                        sevenq42 @dobbel last edited by

                        @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.

                        W 1 Reply Last reply Reply Quote 0
                        • W
                          walfin @sevenq42 last edited by

                          @sevenq42 Wow! I’ll be sure to check your project out.

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post