Skip to content

DavidDurman/urlhighlight

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 

urlhighlight

urlhighlight is licensed under the MIT license.

urlhighlight is a tiny (888B minified and gzipped) JavaScript library for syntax highlighting URLs. Its function is very apparent from its usage:

urlhighlight({ url: 'http://www.example.com/section/article?id=123#top' })

// returns (new lines added for readability):

<span class="url-protocol">http:</span>
<span class="url-protocol-delimiter">//</span>
<span class="url-host">www.example.com</span>
<span class="url-path">/section/article</span>
<span class="url-query-delimiter">?</span>
<span class="url-query-param-name">id</span>
<span class="url-query-param-assign">=</span>
<span class="url-query-param-value">123</span>
<span class="url-hash-delimiter">#</span>
<span class="url-hash">top</span>

Features:

  • syntax highlights URLs
  • custom templates
  • lightweight (888B minified and gzipped)
  • support for data-uri
  • support for AMD (asynchronous module definition)
  • free

CSS classes (used in default templates)

  • url-protocol
  • url-protocol-delimiter
  • url-host
  • url-port-delimiter
  • url-port
  • url-path
  • url-query-delimiter
  • url-query-param-name
  • url-query-param-assign
  • url-query-param-value
  • url-query-param-delimiter
  • url-hash-delimiter
  • url-hash

data-uri specific:

  • url-mime-type
  • url-mime-type-delimiter
  • url-encoding
  • url-encoding-delimiter
  • url-data

Bitdeli Badge

About

a tiny JS lib for URL highlighting

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published