Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Dynamic Deep-Linking and Highlighting
branch: master

Merge pull request #8 from spencersugarman/patch-1

Fixed typos in "Configuration" section
latest commit 69a489f689
Michael Donohoe donohoe authored
Failed to load latest commit information.
demo added demo
js Merge branch 'master' of into b… Fixed typos in "Configuration" section


Emphasis, with patient help, has moved from its dependency on PrototypeJS to jQuery.


Emphasis provides dynamic paragraph-specific anchor links and the ability to highlight text in a document, all of which is made available in the URL hash so it can be emailed, bookmarked, or shared.

For more information and examples please go to this blog post:


The main configuration element is specifiying what paragraph elements are in scope and are not. To this end we specify the elements on or near Line 54:

this.paraSelctors = $$(
                    ".entry p:not(p[class]):not(:empty)",
                    ".post p:not(p[class]):not(:empty)", 
                    "article p:not(p[class]):not(:empty)"

This covers a lot of common markup in many sites and blog. However this could be configured for your specific site.

Example: If all your P tags reside in DIV tags with the "entry" classname, then this would be sufficient:

this.paraSelctors = $$(".entry p:not(p[class]):not(:empty)");

Over at The New York Times, we use the following:

this.paraSelctors = $$('.articleBody p:not(p[class]):not(:empty)', '#articleBody p:not(p[class]):not(:empty)', '#content div.entry-content p:not(p[class]):not(:empty)');


jQuery (Tested with 1.4.4)


Levenshtein calculation in the script is based on some nice code by Andrew Hedges


  • Further work on UI for highlighting with focus on simplicity
  • Social
  • Support for touch-based devices
Something went wrong with that request. Please try again.