Как вставить элемент в выбранном положении в документе HTML?

Я хочу вставить элемент (промежуток, отделение и т.д.) в положении, определенном пользовательским выбором текста в документе.

Я смог получить элемент, на котором сделан выбор. Но я не могу получить точное положение, где выбор сделан.

Например:

<span>this is testing string for testing purpose</span>

В этом, позволяет, предполагают, что пользователь выбрал 2-е слово 'тестирования'. Я хочу, чтобы это было заменено как

<span>this is testing string for <b>testing</b> purpose</span>

Как я делаю это?

BTW: Я знаю, что это возможно. Волна Google делает это. Я просто не знаю, как сделать это