javascript - 表示時の JavaScript カラー文字列

Question

テキスト ボックス内の特定の文字列のフォントの色を変更するために使用できる JavaScript 関数があるかどうか疑問に思っていました。

テキスト ボックスを作成し、文字列 hello が表示されるたびにフォントの色が青に変わるとします。

このイベントが発生するように文字列のデータベースを作成する簡単な方法はありますか?

ありがとう！

Answer 1

This is a non-trivial task, as text within a textarea can not be directly formatted. I would look into using a div or some other applicable tag, and use the Content Editable attribute. This way the user can edit the text and you can control the formatting. At the simplest level you can listen for a key press and use regular expressions or the replace method to highlight all the words in your dictionary.

Here's a start, you'll need to flesh it out to perhaps be case-insensitive if that's what you want, and to keep track of the caret position which is a more complicated task:

http://jsfiddle.net/VJQHD/

You can look at a similar issue here: Get caret (cursor) position in contentEditable area containing HTML content