Cannot edit the content after update it via block manager API

Question

Hello @artf sorry for my last issue, I must create a new issue, my problem is got error like this EDIT : sorry i just fixed my last issue with script : Updated Script but the content (link element only) cant edit or add some component with grapesjs, how to fix that? thank you @artf :+1:

artf · Accepted Answer

@edwardjiawei just change content (used only for text content) with components @bungambohlah You should not do this el.insertAdjacentHTML( 'beforeend', contentDynamic ); If you replace the DOM you remove also its attached models If you need to replace the DOM and still be able to select this new content you have to do it at the model level (eg. model.components('

...')) otherwise it's just doesn't make sense

bungambohlah · Answer

Thaks a lot @artf i got some idea and little tricky for what to do in the model level, thank you so much, you saved my day :rofl:

edwardjiawei · Answer

Similar issue, nested element is not being detected To setup simple flow to drag and drop table, so user can drag the row Block to make the table for second row, but the td in the row is not editable, not selectable for styling ``` bm.add('Table', { label: 'Table', category: 'Forms', attributes: {class:'fa fa-map-o'}, content: { type: 'table', style: {width: '100%'}, columns: 2, rows: 1, }, }); } bm.add('TableRow', { label: 'TableRow', category: 'Forms', attributes: {class:'fa fa-map-o'}, conte...

Cannot edit the content after update it via block manager API

Question

Answers (3)

Related Questions and Answers

[QUESTION] Can i set content dynamically from block API ?

Change HTML content while block is render in editor

How to remove script tag which is added by add block manager script

Add external script in script while creating new component

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories