Javascript

【Javascript】ナビゲートし、ハイライト表示してくれる軽量のライブラリHighlighter.js

February 19, 2017
Highlighter.js

highlighter.jsは小さな(純粋なjavascript)ライブラリで、DOM要素を簡単にナビゲートし、選択してハイライト表示できます。

HTML

<!DOCTYPE html>
<html>
<head>
<script src="../path/to/highlighter.min.js"></script>
</head>
<body>
//your body here...
//If you prefer performances, you can load the script at the bottom of your <body> instead of inside <head>
</body>

Usage

document.addEventListener("DOMContentLoaded", function() {

  var Highlighter = new window.Highlighter();

  Highlighter.next('<div>');
  Highlighter.underline();

  window.console.log('Highlighter underlined this element:', Highlighter.element);
});

MIT