How to prevent block element from being deleted

[volodymyrdn]

Hi there.

I am trying to prevent a block element to be deleted.
If the cursor stays just after the block element, I can use deleteBackward method to prevent deletion by backspace:

editor.deleteBackward= () => {
        console.log('deleteBackward')

        const [sectionEntry] = Editor.nodes(editor, {
            match: n => n.type === 'section'
        })

        console.log('sectionEntry is ', sectionEntry)

        if (sectionEntry) {
            const snode = sectionEntry[0] as ISectionElement
            if (!snode.canDelete) {  // candDelete is my custom property of Section element
                return
            }
        }
        deleteBackward()
    }

But if the cursor stays just before the block element, using the same logic in deleteForward method does not work for me, and I still can delete my block element by pressing delete btn.

Can anybody help me with this? How can I prevent my block element from being deleted by pressing delete/backspace btn? Thanks in advance.

[volodymyrdn]

Solved by such a code:

  editor.deleteForward = (unit: TextUnit) => {
       const selection = editor.selection

       // check if selection is collapsed, and the next node to the selction is Section, then check if Section could be deleted

       if (selection && Range.isCollapsed(selection) && Editor.isEnd(editor, selection.focus, selection.focus.path)) {
           const nextNodeEntry = Editor.next(editor, {
               at: selection.focus.path,
               match: n => Element.isElement(n)
           })

           if (nextNodeEntry && nextNodeEntry[0].type === 'section') {
               const section = nextNodeEntry[0] as ISectionElement
               if (!section.canDelete) return
           }
       }

       deleteForward(unit)
   }

The daleteBackward method logic is similar with minor changes.