Замена выделеного текста jquery

#jquery #text

Ave! Как можно заменить выделеный текст с помощю jquery? Припустим у меня есть текст
- "Съеш моих мягких булочек да закуси вареничком". Я выделяю слово "мягких" и нажимаю
на кнопку []. Выделеное слово вырезается и заносится в ф-цию где к нему добавляются
теги и ставляется на место мигающего курсора. В итоге имеем html строку:-"Съеш моих
мягких булочек да закуси вареничком". 

Я не прошу сделать все за меня как в тз. Просто мне нужно указать путь по которому идти
дабы знания сии обрести.

P.S. всем булочек
    

Ответы

Ответ 1

foo=function()
    {       
    var selection= window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    var span= document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(selectedText);
    selection.insertNode(span);
    }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus  gravida
magna, quis interdum magna mattis quis. Fusce tempor sagittis  varius. Nunc at augue
at erat suscipit bibendum id nec enim. Sed eu odio  quis turpis hendrerit sagittis
id sit amet justo. Cras ac urna purus,  non rutrum nunc. Aenean nec vulputate ante.
Morbi scelerisque sagittis  hendrerit. Pellentesque habitant morbi tristique senectus
et netus et  malesuada fames ac turpis egestas.