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
Get a top roofing contractor philadelphia that’s now available and at good rates now only!
Get the best cpr certification that’s now available in addition at good rates now only!
Get the best roof replacement company that’s now available in addition at good rates now only!
Pingback: cpr training courses near me
Find the best roofing contractor pennsylvania that is now available and on sale now only!
Hire a top roofer philadelphia pa that’s now available and at reasonable prices now only!
Get a top bls certification meaning that’s now available and at reasonable prices now only!
Get the best roofing contractor in philadelphia pa that’s now available and at reasonable prices now only!
Pingback: cpr certification training near me
Find the the top local roofing companies that is now available and on sale now only!
Get the the top roofing contractor philadelphia that is now available in addition at reasonable prices now only!
Get the the top cpr card that’s now available and on sale now only!
Get the best new roof that’s now available in addition with reasonably pricing now only!
Hire a top corrugated metal roofing that’s now available in addition with reasonably pricing now only!
Pingback: cpr renewal
Find the the top roofing company in pennsylvania that’s now available and on sale now only!
Hire the best first aid training phoenix az that is now available in addition at reasonable prices now only!
Hire the the top professional roofer near me that is now available in addition on sale now only!
Find the best best roofing company in philadelphia that’s now available and at good rates now only!
Find the best local roofers that’s now available and with reasonably pricing now only!
Hire the best roofers that’s now available and at reasonable prices now only!
Get the best bls certification that is now available and at reasonable prices now only!
Find a top roofing contractor that’s now available and with reasonably pricing now only!
Get the the top roofers south philly that’s now available and at good rates now only!
Hire the best philadelphia roofing company currently now available and at good rates now only!
Hire a top bls phoenix that is now available and at reasonable prices now only!
Hire the the top roofer near me now that is now available in addition at reasonable prices now only!
Hire the the top roofing contractor in philadelphia pa currently now available and with reasonably pricing now only!
Find a top philadelphia roofing co currently now available in addition with reasonably pricing now only!
Find the the top bls certification meaning that’s now available in addition on sale now only!
Get the best bls life support certification currently now available and at good rates now only!
Find the best roofers altoona pa currently now available and on sale now only!
Find a top roofer near me now that is now available in addition at good rates now only!
Find the the top roofers south philly currently now available in addition on sale now only!
Find the best bls classes phoenix that is now available and on sale now only!
Hire a top cardiopulmonary resuscitation currently now available in addition at reasonable prices now only!
Get the best roofers bethlehem pa that is now available and at good rates now only!
Hire the best roofing contractor philadelphia pa that is now available in addition on sale now only!
Hire the the top cpr training that is now available in addition with reasonably pricing now only!
Find the the top cpr card currently now available in addition with reasonably pricing now only!
Hire the best roofer in philadelphia that’s now available and with reasonably pricing now only!
Get the the top local roofers that’s now available in addition at good rates now only!
Find the best cpr card currently now available and at good rates now only!
Get the best roof replacement company currently now available and at good rates now only!
Find the the top cpr certification phoenix currently now available and at reasonable prices now only!
Find the best best roofers in philadelphia that’s now available and at good rates now only!
Get the the top roofing contractor philadelphia that’s now available and on sale now only!
Hire the the top bls certification phoenix that’s now available and on sale now only!
Hire the best roofer in philadelphia that is now available in addition with reasonably pricing now only!
Find the best roofing company pa that is now available in addition at good rates now only!