jquery - jQueryは、HTMLテキスト内のHTML形式の単語を置き換えます

Question

私は編集可能なdivを持っています：

<div id="artikel" contenteditable="true"></div>

それはうまく機能します、私はそれをタイプするだけでその場でそれを編集することができます。

私が今欲しいのは、彼らがキーを持ち上げたときに、入力されたテキストを検索することです。

<script>
$(document).ready(function(){
    $("#artikel").live("keyup", function(e)
    {
        var text = $(this).html();
        console.log(text);
    });
});
</script>

これはすべて機能しています。

問題は、私がこのテキストを持っているときです：

テキストに同じ単語が含まれるサンプルテキスト。

最初の「テキスト」単語のみを置き換え、2番目の単語は置き換えない方法。そして、HTMLをそのまま太字にする方法。

Answer 1

これにより、「text」文字列がnewTextに1回だけ置き換えられます。

var $t = $('#artikel');
var html = $t.html();
var i = html.indexOf('text');
html = html.substring(0, i) + newText + html.substring(i+'text'.length);
$t.html(html);