Как обернуть текущее выделение собственным тегом в contenteditable div?

Question

Как добавить элемент уровня блока HTML вокруг текущего выделения в элементе contenteditor?

Я уже попробовал:

document.execCommand('formatBlock', false, '<MyTag>'); 

Но теги ограничены в некоторых браузерах .

ПЕРЕД МАРКИРОВКОЙ ДУБЛИКАТА , я уже прочитал и изучил следующие вопросы:

• javascript contentEditable - заключить в кросс-тег выборки
• Добавление тегов HTML вокруг выделенного текста в contenteditable div
• Как обернуть длинные строки в contenteditable div с помощью flex
• Обернуть курсор в HTML в contenteditable div

Ни один из них не предоставляет кросс-браузерное решение.