Альтернатива document.execCommand

благодарю за потраченное время.

Существует ли альтернатива или реализация альтернативы document.execCommand? Проблема заключается в том, что в каждом браузере execCommand ведёт себя по разному, нет возможности устанавливать элементам классы, идентификаторы и другие аттрибуты. Плюсом, хотелось бы иметь семантические тэги (например для жирного только strong во всех браузерах, а не & ).

Обращал внимание на реализацию этого момента в других крупных визуальных редакторах, например, TinyMCE & WordPress Gutenberg вообще не используют этот метод (из всего арсенала используют только contenteditable).

Пример:

<p contenteditable = "true">
    <a href = "#">
        <strong>
            <em>
                Олимпиада
            </em>
        </strong>
    </a>
</p>

Если я убираю с букв "МП", то должно получится следующее:

<p contenteditable = "true">
    <a href = "321">
        <strong>
            <em>
                Оли
            </em>
        </strong>
    </a>
    МП
    <a href = "321">
        <strong>
            <em>
                иада
            </em>
        </strong>
    </a>
</p>

За ранее огромное спасибо за помощь и ещё раз за потраченное время.