Panels and Buttons section of getting started not working with Vue.js
Take a look at this issue, maybe helps: https://github.com/artf/grapesjs/issues/275
Read full answer below βQuestion
I am working to get grapejs to work with Vue.js and am having no luck, I am following the getting started however I am unable to get it to work properly. So far I have added it to the mounted() section and have gotten some buttons with blocks to show up and add in however I have had no luck getting the Panels and Buttons section to work. Issue TLDR: Using Vue.js I can't get the panels and buttons section from getting started to show. Below I have included my entire App.vue file which is the main one I am trying to add it into at this time - proof of concept will move to a proper location late...
Answers (4)
Take a look at this issue, maybe helps: https://github.com/artf/grapesjs/issues/275
Hi @joshk132 honestly the code looks good, are you able to create a reproducible demo (on something like Codesandbox)?
@artf I've gotten it working where the panels show up however it now doesn't display right. The solution I had to do was change to use the below code. Pretty much I had to have "editor" as a variable which I had removed in my initial code because the vue linter was complaining. Attached there is a...
Thanks for reporting this, @joshk132. Great suggestion about Panels and Buttons section of getting started not working with Vue.js! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to se...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3231
How to change gjs-ckeditor-format component
hi guys, we all know that gjs-ckeditor-plugin working with [data-gjs-type]="text" components. I wanna know , could we change this option? I...
Issue #3392
Allow dynamic droppable configuration using a function
I have a requirement where I cannot use selectors to determine if an element is droppable. For example: The "child" component must be withi...
Issue #3280
Renderless
What are you trying to add to GrapesJS? I try to styling GrapesJS and positioning its elements (panels, buttons, canvas, etc.), it's annoyi...
Issue #3223
Create the canvas from a URL
I've been playing with GrapesJS and trying to integrate it into a Symfony 5 project. In particular I want to be able to edit templates in t...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.