Добавить не редактируемый / компактный регион в Jodit

Question

Я пытаюсь создать пользовательский аудиокомпонент с помощью Jodit.Итак, я разработал представление для компонента, но я не хочу, чтобы компонент разбирался на части.Поэтому, если компонент должен быть удален, он должен удалить корень, и биты компонента не должны быть редактируемыми.

В настоящее время вы можете разделить представление на биты, что не соответствует моей цели.Итак, мои вопросы:

1. Есть ли способ в Jodit заблокировать или сгруппировать блок кода и сделать его недоступным для редактирования по частям?
2. Если это невозможно, есть лиспособ определить, удаляется ли какая-либо часть?и как удалить весь компонент в таком случае.

Это дизайн по умолчанию:

This is after deleting some parts:

The HTML code which i am using is similar to this:

  00: 00  00: 00 Том:     

Я пытался использовать div с абсолютным положением для защиты некоторых деталей, но я могу легко перетащить, чтобы выбрать и нажать клавишу удаления / возврата назадудалить детали.

Answer 1

Я смог наткнуться на ответ на этот вопрос, просматривая исходный код Jodit для вставки медиа. Очевидно, есть свойство contenteditable, которое можно добавить к корневому элементу, чтобы сделать его недоступным для редактирования. Добавление этого определения атрибута contenteditable="false", казалось, сгруппировало элементы вместе, хотя это создало другую проблему удаления элемента, который, казалось, не работал вообще. В любом случае, я могу сделать это либо с помощью MutationObserver, либо добавив контекстное меню и напрямую работая с исходным html.