Поставить теги вокруг выделенного пользователем текста?

Мне нужно получить выбранную пользователем область текстовой области, а затем вставить<a> метит вокруг него.

Я использую это, чтобы получить выбранную пользователем область:

var textComponent = document.getElementById('article');
var selectedText;

if (document.selection != undefined)
{
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
}

// Mozilla version
else if (textComponent.selectionStart != undefined)
{
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos)
}

Теперь я знаю, что могу выполнить поиск строки для выбранного пользователем текста и вставить вокруг него теги, но что произойдет, если выбранный пользователем текст появится в тексте, например, дважды.

Привет тебе, до свидания.

Если пользователь выделяет второе «вы» для ссылки, которую он хочет, несомненно, замена строки будет помещать теги вокруг каждого экземпляра «вы».

Какой лучший способ сделать это?

Ответы на вопрос(2)

Ваш ответ на вопрос