Работа с range объектами

На сайте нужно реализовать подобную систему выделения и добавление изменений в БД, как здесь, к примеру, https://genius.com/Ti-i-go-hard-lyrics. Проблема заключается в том, что пользователь может выделить абсолютно любую букву и изменения применены к ней. Приблизительно на сайте будет происходит следующее: выделяется текст и предыдущий отменяется (видимо должен хранится дубликат контейнера) и оборачивается в ссылку вида Выделенный текст после открывается меню справа с редактором с кнопкой отправкой к серверу данных.(меню с редактором разрабатывать не нужно). Главное конечная переменная для php, где нужно будет заменить id и затем обновить данные БД. Данные будут обновляться без модерации, поэтому у пользователя не должно быть возможности редактировать остальной код контейнера. Если на джениусе попробовать в отладчике менять код, то сайт сообщает ошибку. Результат внутриутробной разработки можно посмотреть здесь: https://jsfiddle.net/dmfranklin/ya7k41nL/

Цену, пожалуйста, в ЛС.