3

Telerik レポート ツールを使用してレポートを作成していますが、HTML テキスト ボックスで特定の単語を太字にする必要があります。

たとえば、私のテキストボックスには、「私はキムで、私は女の子です」というテキストが含まれています。「私」という言葉だけを太字にしたいので、「はキムで、は女の子です」と出てきます。どうやってやるの?

テキストボックスの値は動的であるため、「I」の周りに太字のタグを付けることはできません。実行時に変更される可能性があります。ある種の「Ifステートメント」を使用して設定する方法はありますか? プログラムがテキストボックス内の各単語を読み取り、単語が「I」に等しい場合は太字になります。テキストボックスの値が「I like it」に変わると、自動的に「I like it」と表示されるようにします。

私を助けてください。前もって感謝します。

4

1 に答える 1

1

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-04T03:59:06.640 に答える