Bold a Определенное слово в текстовом поле HTML

Я создаю отчет, используя инструмент отчетности Telerik, и мне нужно выделить некоторые конкретные слова в текстовом поле HTML.Bold a Определенное слово в текстовом поле HTML

например, мое текстовое поле содержит этот текст: «Я - Ким, а я девушка». и я хочу только выделить слово «я», чтобы оно получилось «I am Kim и I am a girl». Как мне это сделать?

Я не могу просто поместить жирный тег вокруг «I», так как значение моего текстового поля является динамическим, оно может меняться во время выполнения. есть ли способ установить его с помощью своего рода «If-Statement»? как программа будет читать каждое слово в текстовом поле, а затем, если слово равно «I», тогда полужирное. так что, если значение текстового поля изменится на «Мне нравится», оно автоматически отобразится как «I нравится».

Пожалуйста, помогите мне. заранее спасибо.

источник

2015-02-04 Kim

Попробуйте этот ответ от https://stackoverflow.com/users/166491/mic

Вы можете получить то, что вы хотите, делая эту вашу базу знаний. Он работает нормально.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>transp</title> 
<style> 
    div{ 
     position:relative; 
    } 
    input, span{ 
     top:0; 
     position:absolute; 
     width:120px; 
    } 
    span{ 
     top:2px; 
     left:2px; 
     z-index:1; 
     overflow:hidden; 
    } 
    input{ 
     background:transparent; 
     z-index:2; 
    } 
</style> 
</head> 
<body> 
    <div> 
    <input onkeyup="bold3(this)" /> 
     <span id="back"></span> 
    </div> 
<script> 
function bold3(inp){ 
inp.style.color = 'transparent'; 
var span = document.getElementById('back'); 
span.innerHTML = 
    '<b>' + 
    inp.value.substr(0, 3) + 
    '</b>' + 
    inp.value.substr(3); 
} 
</script> 
</body> 
</html>

источник

2015-02-04 03:59:06 Aaron

Bold a Определенное слово в текстовом поле HTML

ответ

Смежные вопросы