Vuejs components builder
This is very close to how I made the mjml editor, he created a custom component with its own renderer https://github.com/Patrick-Spiegel/vue-grapesjs/blob/master/src/components/grapes-components/v-btn/index.js Unfortunately, it's a not generic renderer but only for that VBtn component, which means you have to create t...
Read full answer below ↓Question
Hi, it would be nice to have vue components builder like mjml.. This user started project: https://github.com/Patrick-Spiegel/vue-grapesjs
But how create component like VBtn in this project, but to accept drop element..
So like VContainer and you can drop VBtn inside.
Thanks, Ivan
Answers (3)
This is very close to how I made the mjml editor, he created a custom component with its own renderer https://github.com/Patrick-Spiegel/vue-grapesjs/blob/master/src/components/grapes-components/v-btn/index.js Unfortunately, it's a not generic renderer but only for that VBtn component, which means...
But how push new component to rendered Vue..
This would be great stuff for vue if can be managed.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #362
How to create custom link components that prompts users to type link/choose link similar to Images Component Modal
Image Components have logic to call Modal and prompt user's interaction for options/configuration of image url. Would like to do similar to...
Issue #417
Add Setting button to custom component.
Hello, How can I create a setting or you can say edit button for my custom component? LIke 4th option on this image:
Issue #1780
How to change extra dropdown for link change trait
Hello @artf , I want to give one more functionality to user like user can change any link with default links drop down. In above image i wa...
Issue #774
Mimic customRTE behavior when parsing content
Hi @artf, I'd like to replicate this behavior when calling editor.setComponents("<div>This is a text component. <span style='font-size: 20p...
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 →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.