Подсветка текста в текстовом поле с использованием Javascript

Question

У меня есть веб-приложение ASP.NET 2.0 (с C #). Я хотел добавить кнопку, которая при нажатии будет выделять выделенный текст. Под «выделением» я подразумеваю изменение свойств CSS текста, чтобы он мог выделяться. Я думаю, что это можно сделать с помощью клиентского JavaScript.

Я знаю, что вы можете назначить функцию Javascript для события onclick кнопки ввода HTML, но, поскольку я не очень хорошо разбираюсь в самой функции JS, я не знаю, как написать ...

Может кто-нибудь помочь, пожалуйста?

Спасибо большое!

Answer 1

Похоже, есть плагин jQuery, который делает что-то похожее на то, что вы хотите. Не уверен, что он работает внутри текстового поля, но, вероятно, это не займет много времени, чтобы получить его там. Проверьте эту ссылку: http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

Answer 2

Это будет примерно так:

Функция:

function highlightMyText () {

elem=document.getElementById('textToTurnRed');

elem.style.color="red";

}

Затем в теле:

Мой текст, которыйстанет красным

Затем кнопка:

С element.style вы можете делать все что угодно, например, менять цвет, видимость, все, что вам нужно.

Answer 3

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

Вы можете посмотреть здесь в w3schools или кратко

var searchString = "abra";
string.replace(searchString,"<span class='highlight'>"+searchString+"</span>")