Highlighter.js - 指定したDOMをハイライト表示
JavaScriptで一つのDOMを指定するのは意外と面倒ではないかと思います。そのため注目して欲しいコンテンツを目立たせたい時はそれ専用のクラスを定義したりするのが一般的です。しかし複数あると面倒でしょう。 そこで使ってみたいのがHighlighter.jsです。ハイライト間の移動を含め、DOMの移動を簡単に行えるようにしてくれるライブラリです。
Highlighter.jsの使い方
Highlighter.jsを実行すると、特定のDOMがハイライト表示されつつ、その部分を指定するための設定が表示されます。
Nextをクリックすると、次のDOMに移動します。
Highlighter.jsの面白さとしては前後のDOMへの移動がnext/previousメソッドで指定できる点だと思います。一部のテキストを動的に目立たせたいと言った場合に使えそうです。
Highlighter.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。