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 the the top attorneys for divorce currently now available in addition at reasonable prices now only!
Find a top attorney specializing in education law that is now available and with reasonably pricing now only!
Get the the top attorney for family law near me currently now available in addition at good rates now only!
Find the the top omaha seo that’s now available in addition at good rates now only!
Get the best wordpress consultant that’s now available and with reasonably pricing now only!
Hire the the top divorce attorney Missoula that’s now available in addition at reasonable prices now only!
Hire a top omaha internet marketing that is now available in addition on sale now only!
Hire the best education lawyers in california currently now available in addition with reasonably pricing now only!
Find a top attorney at law family law that is now available and at good rates now only!
Hire the best seo services omaha that’s now available in addition at good rates now only!
Find the the top prenuptial agreement cost currently now available and with reasonably pricing now only!
Pingback: bands for corporate events
Get a top special needs attorney near me currently now available in addition at reasonable prices now only!
Get a top omaha seo companies that’s now available in addition at good rates now only!
Pingback: bands for corporate events
Pingback: wedding band london uk
Get the the top grandparent visitation rights that is now available in addition at good rates now only!
Find the the top omaha seo that is now available and on sale now only!
Find the best education law attorney that is now available and on sale now only!
Pingback: party band
Pingback: bands for corporate events
Get a top seo agency in omaha that’s now available in addition at reasonable prices now only!
Get a top separation lawyer free consultation that is now available in addition at good rates now only!
Hire the the top special needs attorneys currently now available in addition with reasonably pricing now only!
Pingback: live band uk
Get the best local seo company omaha currently now available and at good rates now only!
Pingback: great post to read
Hire a top Prenuptial Agreements that’s now available in addition with reasonably pricing now only!
Find the best lawyer education currently now available and at good rates now only!