Добавить элемент до / после выделения текста

Я ищу функцию, которая позволяет мне создать некоторый элемент до или после выделенного текста. Нечто похожее на этот javascript replace selection all browser , но для добавления некоторого контента до или после выбора вместо его замены, например after () и before () методы jQuery. Следует ли мне использовать какой-либо метод выбора DOM, если да, то какой? Или существует что-то более простое для выполнения?