DIV contenteditable установка позиции курсора на то же место | JS

У меня есть div, я пишу/удаляю/вставляю текст и мне нужно сделать следующее: если я встречаю символ @, то вставляю дальнейшее слово в специальный тег. Проблема вот в чем, если я сделаю так где-то в центре текста, например:

Это просто пример текста, а не @|предложение

То @предложение заменяется на <tag>@предложение</tag>, но делаю я это с помощью innerHTML. Но проблема в том, что таким образом курсор встает в самое начало:

|Это просто пример текста, а не @предложение

Как мне сохранять позицию курсора?