insert element or block inside parent element
Question
Good day, i have component, have block
editor.BlockManager.add("bootstrap-container", {
attributes: {class: "gjs-fonts gjs-f-b1 gjs-block gjs-one-bg gjs-four-color-h"},
category: "test",
label: "Test",
content: '<div class="container" style="min-height:10px;"></div>'
});
i have Trait on listen changes, how can I add "h1 " inside that block "'<div class="container" style="min-height:10px;"></div>".
How to add tag inside this model
like:
doStuff(){
var coll = this.collection;
var at = coll.indexOf(this)
coll.add('<h1>Hello world</h1>', { at });
}
Answers (3)
Given the current model you can add other components in this way model.components('<h1>Hello world</h1>')
@vladbpython hi,do you solve this problem?i also want to know how to drag one element into parent element.
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 #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 #1584
Not getting the Script of Block from editor.getComponents()
Below is the Component that I'm adding. this.editor.BlockManager.add('dob-mmyy-pii', { id: 'dob-mmyy', label: DOB (MM, YYYY) (PII), categor...
Issue #1545
[Question] How I Get ID From Block?
Hi, i have my block and I get print in Div id results from my javascript class component... How i get ID from my block ??? editor.BlockMana...
Issue #1471
[Question] Blockmanager and Image
Hi! I use this code to add a new block: blockManager.add("image", { label: 'Image', category: 'Basic', attributes: { class: "gjs-fonts gjs-...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.