Trace.js Text Highlighting jQuery Plugin Demos

Download This Plugin Back To jQueryScript

Configure a match, choose how it should behave, then highlight across multiple targets in real time.

Controls

Match type
Case sensitivity
Apply to

Live Targets

Story

Trace.js can trace a word inside any HTML block. This story shows partial matching and how repeated tokens like trace, tracing, traced stay visible.

Notes

Case matters in this block. TRACE, Trace, trace, and TrAcE are all available to test strict matching.

Snippet

const trace = (text) => text.replace(/trace/gi, "[trace]");
const Trace = "TRACE";
// Try full match vs partial match