advanced-mark.js

Highlight words, terms, or text on browser page using JavaScript.

To play with this library - Markjs-playground. It requires minimum installation and provides full functionality. Also, it has built-in examples.

What's done:

• acrossElements option - advance across elements pipeline, which boosts performance, allows correctly highlight compressed HTML with the requirement exactly in mark() or markRegExp() methods
• combinePatterns option - boosts performance of mark() method when highlighting array
• cacheTextNodes option - improves performance of mark() method when highlighting array
• separateGroups option - allows highlighting RegExp capturing groups instead of matches, handle RegExp with/without the d flag
• wrapAllRanges option - allows highlighting nesting/overlapping ranges and RegExp capturing groups
• blockElementsBoundary option - limits matches within HTML block elements or custom elements
• shadowDOM option - allows highlighting shadow DOM

This library keeps backward compatibility with mark.js v9.0.0 and npm package v8.11.1 on public API level.

Main doc - Documentation.

Content

• Performance
• Callbacks parameters
• Filtering matches
• Highlight separate groups
• Highlight nesting/overlapping
• Elements boundaries
• Highlight shadow DOM
• Some examples
• RegExpCreator module

Modules changes

• *. es6.*.js now are real ES6 modules
• *.umd.*.js are UMD modules, previously was named as *. es6.*.js

import Mark from './mark.es6.js';
// import Mark from './jquery.mark.es6.js';