Here’s a jQuery plugin I wrote that’ll add HTML5 <mark> tags around keywords or phrases in an element’s body text.
What is mark?
a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context
http://www.whatwg.org/specs/web-apps/
Usage
Add the script to your page, and then when the DOM is ready, do something like:
$('body').mark('Lorem ipsum');
The plugin can actually be used to wrap any tag around keywords. Simply pass the tag name you want to use as an option:
$('body').mark({
text: 'Lorem ipsum',
tag: 'span',
cssClass: 'mark'
});
The above example will wrap span elements around the words lorem and ipsum. Each span element will have the class ‘mark’. View an example implementation.
TODO
- Input sanitation on the text to be marked. Currently the text is dumped straight into a regular expression. It needs to be escaped so that any regular expression meta-characters are interpreted as literals.
- Similarly, HTML special characters in the input need to be expanded into their HTML entities.
- From what I can see, IE doesn’t like <mark> tags, and seems to automatically self close the opening and closing tags inserted into the DOM. WTF? Can anyone shed any light on this problem? For now, you’re going to have to use a <span> with a CSS class
If you’re interested in contributing, get in touch
Find a top residential roofing services that’s now available in addition with reasonably pricing now only!
Hire a top roofing services that’s now available in addition at reasonable prices now only!
Hire the the top ak expeditions currently now available and with reasonably pricing now only!
Buy a plan for expert Missoula reverse osmosis currently taking on new clients in addition on sale now!
Find a top first aid training phoenix az that’s now available and with reasonably pricing now only!
Get the the top roofing contractor that is now available in addition with reasonably pricing now only!
Find a top roofing contractor philadelphia that is now available and at reasonable prices now only!
Get the the top alaska rafting tours that’s now available in addition with reasonably pricing now only!
Buy a plan for expert water softeners Missoula currently taking on new clients and reasonably priced now!
Find a top bls training that is now available in addition at reasonable prices now only!
Get the best colored roofing currently now available in addition at reasonable prices now only!
Find the best roofer philadelphia that is now available and at reasonable prices now only!
Get a top ak expeditions that is now available and at reasonable prices now only!
Buy a plan for professional water filtration systems currently taking on new clients and reasonably priced now!
Get the best bls certification near me that’s now available and on sale now only!
Find a top roofing in pennsylvania currently now available and at reasonable prices now only!
Hire a top roofing company pa currently now available in addition at good rates now only!
Find a top alaska adventures that is now available and at good rates now only!
Buy a plan for amazing water softener installation Missoula Mt currently open for service and reasonably priced now!
Find the the top bls certification meaning currently now available in addition with reasonably pricing now only!
Hire a top roofing and siding contractors near me that is now available and at good rates now only!
Hire the the top roofing contractor philadelphia that’s now available and on sale now only!
Find a top expeditions alaska that’s now available and at reasonable prices now only!
Hire the best glacier kayak tour alaska that’s now available and at good rates now only!
Find a top bls phoenix that is now available and at reasonable prices now only!
Hire the the top roofer near me now that’s now available and at reasonable prices now only!
Get a top roofing services that’s now available and at reasonable prices now only!
Get the the top alaska kayak tours currently now available in addition at good rates now only!
Get the the top glacier kayak tour alaska currently now available in addition at reasonable prices now only!
Find the the top lawyers for teachers near me that is now available in addition at reasonable prices now only!
Get the best best roofing company in philadelphia currently now available in addition on sale now only!
Pingback: best party bands
Get the best corrugated metal roofing currently now available and with reasonably pricing now only!
Hire the best alaska backcountry adventure tour that is now available and with reasonably pricing now only!
Find the best student rights lawyer that’s now available in addition on sale now only!
Hire a top leaking roof that’s now available in addition at good rates now only!
Pingback: bands to hire near me
Get the best roofer near me now currently now available in addition with reasonably pricing now only!
Hire a top alaska hiking that’s now available and with reasonably pricing now only!
Hire the the top education attorney for students that is now available and at reasonable prices now only!
Hire the best roofing companies currently now available and with reasonably pricing now only!
Pingback: bands for hire london
Find a top professional roofer near me that is now available in addition at reasonable prices now only!
Get the best alaska alpine adventures that’s now available in addition with reasonably pricing now only!
Get the the top education lawyer near me that is now available and on sale now only!
Get the best roofing and siding contractors near me currently now available in addition at reasonable prices now only!
Pingback: hire a party band
Hire a top roofing contractor pennsylvania that’s now available and at good rates now only!
Find the best alaska adventures that’s now available in addition on sale now only!
Get a top special needs attorney near me currently now available in addition at reasonable prices now only!