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 wordpress seo company that is now available in addition at good rates now only!
Get the best best wordpress speed optimization service that is now available in addition at good rates now only!
Procure highly amazing tile reglazing immediately on a best offer and gets your business ROI immediately!
Find a top omaha digital marketing that’s now available and at reasonable prices now only!
Find a top wordpress seo optimization service that’s now available in addition at good rates now only!
Hire the best wordpress seo companies currently now available in addition at good rates now only!
Hire the the top wordpress seo optimization service that is now available and at reasonable prices now only!
Hire a top wordpress seo training currently now available in addition with reasonably pricing now only!
Find a top optimizing wordpress currently now available in addition at reasonable prices now only!
Procure the best ceramic tile refinishing immediately on a best offer and creates efficiency for you immediately!
Pingback: find
Hire a top omaha seo consultant that is now available and on sale now only!
Get the the top wordpress optimization currently now available in addition at reasonable prices now only!
Hire the the top wordpress optimization service currently now available and at reasonable prices now only!
Find the best optimizing wordpress that’s now available and at reasonable prices now only!
Locate top quality ceramic tile refinishing immediately on a best offer and creates efficiency for you immediately!
Find the the top wordpress seo expert that’s now available and at reasonable prices now only!
Get a top omaha seo services currently now available in addition at reasonable prices now only!
Find the the top best wordpress seo that’s now available in addition at good rates now only!
Hire the best best seo companies for small businesses that’s now available and on sale now only!
Find a top wordpress optimization service currently now available in addition with reasonably pricing now only!
Find the best wordpress optimizing that is now available in addition at reasonable prices now only!
Locate top quality bath tub refinishers immediately on a best offer and gets your business ROI immediately!
Hire the the top omaha seo that is now available and at reasonable prices now only!