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 a top bozeman child support lawyer that’s now available in addition at reasonable prices now only!
Get the the top phoenix fireplace repair that’s now available in addition on sale now only!
Hire a top phoenix marketing firms currently now available in addition at reasonable prices now only!
Hire a top roofer contractors that is now available and at reasonable prices now only!
Hire a top cpr training courses near me that’s now available in addition at good rates now only!
Get the the top family lawyers bozeman mt that’s now available and at reasonable prices now only!
Hire the the top gas fireplace repair that’s now available and at good rates now only!
Find the the top seo company in phoenix az that’s now available and with reasonably pricing now only!
Hire the best roofers currently now available in addition on sale now only!
Hire the the top first aid training phoenix az currently now available in addition on sale now only!
Hire a top family court lawyers that’s now available and at good rates now only!
Get the best gas fireplace maintenance service near me that’s now available and at good rates now only!
Get the the top seo company phoenix az that’s now available and on sale now only!
Hire a top new roof installation that is now available and at good rates now only!
Hire the the top bls recertification that’s now available in addition on sale now only!
Get a top divorce attorney in bozeman mt that’s now available in addition with reasonably pricing now only!
Get a top best phoenix seo company that’s now available and with reasonably pricing now only!
Get the the top phoenix digital marketing currently now available and at reasonable prices now only!
Hire the the top seo services phoenix that’s now available in addition at reasonable prices now only!
Hire a top phoenix internet marketing that is now available and at good rates now only!
Hire the best phoenix marketing company that’s now available in addition at reasonable prices now only!
Get the the top seo company in phoenix arizona currently now available and on sale now only!
Get the best phoenix seo companies that’s now available in addition at good rates now only!
Hire a top phoenix seo companies that is now available and at reasonable prices now only!
Hire the best phoenix marketing company that’s now available in addition at reasonable prices now only!
Pingback: phoenix seo services
Hire the best local roofing companies that is now available and at reasonable prices now only!
Find the the top seo company in phoenix that is now available and on sale now only!
Hire the the top local seo company phoenix that is now available and at good rates now only!
Pingback: phoenix social media
Hire a top roofing contractor philadelphia pa that’s now available in addition at good rates now only!
Hire a top phoenix marketing currently now available in addition with reasonably pricing now only!
Find the best seo phoenix az currently now available and at reasonable prices now only!
Pingback: seo agency in phoenix
Find the the top phoenix internet marketing that is now available in addition at good rates now only!
Hire a top roofing services that is now available and at reasonable prices now only!
Find the the top phoenix seo scottsdale currently now available in addition at reasonable prices now only!
Pingback: click here for more info
Hire a top phoenix marketing solutions that’s now available and with reasonably pricing now only!
Find the best roofer philadelphia that is now available and with reasonably pricing now only!
Find a top digital marketing agency phoenix that is now available in addition at reasonable prices now only!