Поставить теги вокруг выделенного пользователем текста?
Мне нужно получить выбранную пользователем область текстовой области, а затем вставить<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)
}
Теперь я знаю, что могу выполнить поиск строки для выбранного пользователем текста и вставить вокруг него теги, но что произойдет, если выбранный пользователем текст появится в тексте, например, дважды.
Привет тебе, до свидания.
Если пользователь выделяет второе «вы» для ссылки, которую он хочет, несомненно, замена строки будет помещать теги вокруг каждого экземпляра «вы».
Какой лучший способ сделать это?