make not removable elements inside a block

Hello, Given:

editor.BlockManager.add(‘test-component’, { id: ‘MappaPiuDescrizione’, label: ‘Mappa + Descrizione’, content: <div data-blockname='mappaDescrizione1'> <br/> <div data-blockname='mappaDescrizione2' style='margin:2px;border: 1px solid red'> <div><h3>Test Moto</h3></div> <div data-gjs-type="map" style='height:200px;width:400px'></div> <div>Test Zaltbommel<br> Schimminck 4<br> 5322 Daltbommel <br> Netherlands </div> </div> <br/> </div>, });

I want to make <div><h3>Test Moto</h3></div> not droppable, how it’s done? With a class ? Like <div class='notDropppable'><h3>Test Moto</h3></div> ?

thanks, Walter

[RJCAM]

So, I’m not sure if this are the best answers but they work for me.

How to tell elements inside h4 are data-gjs-editable=“false” also?

With this attribute: contentEditable=“false”

if I delete all chars in a box then the box disappear, is there a way to not delete the box and keep a min-width?

I’m doing this but the box still remains when removed all chars, try some attributes when creating it like contentEditable

Why a single text…

I’m not able to reproduce this behavior, the text is added as a unique string, perhaps can be the way your declaring it

[artf]

You should use it on the Component properties, not the Block one