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
Pingback: bands for hire london
Hire a top phoenix seo scottsdale that is now available and at good rates now only!
Pingback: phoenix seo scottsdale
Pingback: find
Pingback: phoenix marketing agencies
Get a top seo company in phoenix arizona currently now available in addition with reasonably pricing now only!
Pingback: phoenix local seo
Pingback: party rock band
Pingback: phoenix seo
Hire a top phoenix seo currently now available and with reasonably pricing now only!
Pingback: phoenix seo consultant
Pingback: this website
Pingback: best party bands
Pingback: phoenix marketing company
Hire the the top digital marketing phoenix az that is now available and on sale now only!
Pingback: phoenix seo agency
Pingback: phoenix seo consultant
Get the the top phoenix seo service currently now available in addition with reasonably pricing now only!
Pingback: phoenix internet marketing
Pingback: wedding band london
Pingback: phoenix marketing company
Get the best local seo phoenix currently now available and on sale now only!
Pingback: seo company in phoenix arizona
Pingback: bands for hire london
Pingback: wedding music band
Hire a top phoenix seo service that is now available in addition at reasonable prices now only!
Pingback: seo services phoenix
Pingback: hire a party band
Pingback: investigate this site
Hire the the top phoenix seo service that’s now available in addition with reasonably pricing now only!
Pingback: bands for hire london
Pingback: phoenix marketing firms
Hire the the top phoenix seo that is now available in addition on sale now only!
Pingback: phoenix seo experts
Pingback: hire band uk
Pingback: seo agency in phoenix
Hire a top phoenix marketing firms that is now available and on sale now only!
Pingback: website design phoenix
Pingback: corporate event bands
Pingback: seo training phoenix
Get a top phoenix marketing that’s now available and on sale now only!
Pingback: phoenix social media marketing
Pingback: bands from london
Pingback: phoenix marketing agency
Find a top phoenix seo consultant that’s now available in addition on sale now only!
Pingback: click here for more info
Pingback: bands for private parties
Pingback: function band uk
Pingback: local seo company phoenix
Find the the top digital marketing phoenix az currently now available in addition on sale now only!