この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。
textareaやinput要素内の任意のテキストをハイライトするjQueryプラグインのご紹介です。どこかで利用する機会があるかと思ったので備忘録。
フォームの入力項目でユーザーの入力したテキストに、設定したテキストがマッチしたらハイライトする、というもの。
jQuery highlightTextarea
東京と江戸をハイライト設定しています。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="jquery.highlighttextarea.min.js"></script>
本体とプラグインと用意されているCSSを読み込みます。
$('textarea').highlightTextarea({
words: [{
color: '#ADF0FF',
words: ['foo', 'bar']
}, {
color: '#FFFF00',
words: ['hogeoge']
}]
});
色とキーワードを設定。
詳細は以下でどうぞ。ライセンスはMITです。
jQuery highlightTextarea
