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
Hire the the top education lawyer currently now available in addition at reasonable prices now only!
Pingback: bands for hire uk
Hire the best best omaha seo company currently now available in addition with reasonably pricing now only!
Pingback: live bands for wedding
Find the the top child support law firm that is now available in addition with reasonably pricing now only!
Get the best special needs lawyers near me that’s now available and at good rates now only!
Find a top internet marketing omaha that is now available and at good rates now only!
Pingback: corporate party entertainment
Pingback: bands for hire uk
Find the best grandparents visitation rights currently now available and with reasonably pricing now only!
Hire a top omaha digital marketing that is now available and on sale now only!
Find the best special education lawyer that’s now available in addition at reasonable prices now only!
Pingback: bands from london
Hire the the top seo agency omaha that’s now available and at good rates now only!
Pingback: wedding musicians
Find the the top alimony attorneys that is now available in addition on sale now only!
Find the the top education rights attorney currently now available in addition on sale now only!
Get the best digital marketing omaha ne that’s now available and at good rates now only!
Pingback: wedding bands for hire
Pingback: live party bands
Hire a top child Visitation lawyer currently now available in addition on sale now only!
Pingback: band for parties
Hire a top omaha seo that is now available and on sale now only!
Hire a top child custody lawyer in bozeman currently now available in addition on sale now only!
Pingback: london party bands
Get the best family law missoula mt that’s now available and on sale now only!
Pingback: live band hire
Hire a top omaha seo experts that is now available in addition at good rates now only!
Hire a top domestic violence attorney bozeman currently now available in addition on sale now only!
Pingback: wedding musicians
Hire the the top lawyer for divorce currently now available in addition with reasonably pricing now only!
Pingback: best party bands
Find a top seo agency omaha currently now available and with reasonably pricing now only!
Pingback: Homepage
Get the the top family attorney that is now available in addition at good rates now only!
Find the the top grounds for custody modification currently now available in addition at reasonable prices now only!
Pingback: band for parties
Pingback: bands to hire for parties near me
Find the best omaha digital marketing agency currently now available in addition at reasonable prices now only!
Find the best divorce attorney bozeman currently now available in addition on sale now only!
Hire the the top Divorce currently now available in addition at good rates now only!
Pingback: bands for hire london
Find the best bozeman child visitation lawyer currently now available and with reasonably pricing now only!
Find a top omaha seo company that’s now available and on sale now only!
Pingback: phoenix digital marketing agency
Pingback: phoenix seo
Get the best phoenix seo consultant that’s now available and at good rates now only!
Pingback: Homepage
Pingback: phoenix marketing agencies
Pingback: phoenix seo scottsdale