I've created html table and cannot drag new elements to table cells
Hi Konstantin, by doing this this.el.innerHTML = template; you're basically removing components by replacing them with a static HTML. Each component, once inserted inside the canvas has a Model (let's say, the component's JSON structure) bind to its View (render elements), so this View.el.innerHTML = '<div>...</div>'...
Read full answer below ↓Question
Hello. if I create html table with next block of code, everything works, I'm able to drop a Quote, for example, to any cell: But next code produces html table with no possibility to drop new element into a cell. What am I doing wrong?
Answers (3)
Hi Konstantin, by doing this this.el.innerHTML = template; you're basically removing components by replacing them with a static HTML. Each component, once inserted inside the canvas has a Model (let's say, the component's JSON structure) bind to its View (render elements), so this View.el.innerHTML...
Thanks.
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 #854
Table block
I don't see any basic blocks that you can create a table. Even if I do the block, it is impossible to edit the text. Block example with thi...
Issue #1817
Change HTML content while block is render in editor
Hello @artf I have one block into block manager like As per above script inside the block, i want to add dynamic HTML content while this bl...
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-...
Issue #1325
How to disable drop for specific blocks/components
Hello, with the following code we are able to indicate if it's possible to drop other component(blocks) inside that particular component......
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.