How to make my custom tag as selectable and editable inside of canvas ?
Question
Hi, I try to change my custom tag of ion-item has div in view properties but It doesn't work for me as I expected. my custom Blocks is my custom view is comps.addType('form-type', { model: defaultType.model.extend({ tagName: ion-item }, { isComponent(el) { if(el.tagName == 'ion-item') return {type: 'form-type'} }, }), view: defaultType.view.extend({ tagName: 'div' //<-- in canvas div will be used }) }); my screenshot is in the above screenshot. u can see that I can't able to select the inner input box and label My expectationsneed to select the inner input box for changing its type and placeh...
Answers (2)
content: {
// use components not content
components: `<ion-list class="list list-md">
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 #1724
[QUESTION] link custom traits to my custom blocks
Hi, i have created a custom traits and custom blocks but i try to link my blocks in traits, it does not shows in settings option my custom...
Issue #1574
Question, Block content from file
Hi, this is not really an issue but more a question. I'm currently using custom blocks in my GrapesJS editor. This is how I create them : I...
Issue #1720
[QUESTION] How to add the button in custom traits
Hi, I try to add a button to my custom traits for my custom blocks but its not working fine as expected and also need to know how to call t...
Issue #1831
[Question] How to run command for a block component?
I'd like to do something like this. so once a user drops the test component into the canvas, I'd like to open up asset manager modal where...
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.