Is there a way to prevent delete block on backspace?

[CavalcanteLeo]

Hi, i'm creating a platform for radiologists that makes structures reports.
So, users can not remove any block.

But when i press backspace, it deletes the whole block. Is there a way to prevent it? Also i can not allow to delete multiple blocks by selecting them

Users are still allow to delete letters/words from the block, but not the block itself

[gaona233]

How did you solve it，i have same problem

[crying2812]

Hi @CavalcanteLeo, can you show me the full of sourcecode? I'm a newbie, i cant find where i can put your code

[MakarovCode]

Any way to solve this issue?

[conanliuhuan]

Any way to solve this issue?
If i rendered a custom-web-component with shadow-root, backspace in that input will remove all the block

[gonzalezfj-t]

I have a hacky workaround that solved the problem for me.

Context: A custom plugin made with react, a simple gallery of pictures, created with one wrapper div, an input to upload, and a dynamically added set of image tags to show the pictures. The problem is similar, I need to prevent someone from accidentally removing a gallery full of pictures by pressing the backspace, like to the behavior of the native "imageTool".
Showing the code I encountered that:

editor.js/src/components/modules/blockEvents.ts

Line 277 in ff91466

* Check if Block should be removed by current Backspace keydown

The backspace event only removes blocks that are empty checking the property isEmpty. But the getter "isEmpty" does not consider nested input or images:

editor.js/src/components/block/index.ts

Line 411 in 6c0555a

public get isEmpty(): boolean {

TLDR: As a workaround, I put a <input hidden type="text"> at the top level of the plugin. (hidden attribute no type)

[theophilhenry]

Nice one!