gpt4 book ai didi

html - 将 HTML 文本框中的某个单词加粗

转载 作者:可可西里 更新时间:2023-11-01 14:47:10 25 4
gpt4 key购买 nike

我正在使用 Telerik 报告工具创建报告,我需要在 HTML 文本框中将一些特定的词加粗。

例如,我的文本框包含以下文本:“我是金,我是女孩”。我只想加粗“我”这个词,所以它会显示为“是金并且是一个女孩”。我怎样才能做到这一点?

我不能只将粗体标记放在“I”周围,因为我的文本框的值是动态的,它可以在运行时更改。有没有办法使用某种“If-Statement”来设置它?就像程序将读取文本框中的每个单词,然后如果单词等于“I”则加粗。这样,如果文本框的值更改为“我喜欢”,那么它将自动显示为“喜欢”。

请帮帮我。提前致谢。

最佳答案

试试这个来自 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>

关于html - 将 HTML 文本框中的某个单词加粗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28311188/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com