Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

html


xhEditor - WYSWYG XHTML editor

$('#textareaid').xheditor();

Please visit the official website for the latest download files and support:
http://xheditor.com/download

Formation - Form Generator Plugin

Formation is a jQuery plugin that allows you to quickly create a form with validation without writing any HTML. You simply specify the container you wish to append the form to. By passing a few parameters into one of the formation function calls you can add different validation such as number, e-mail, url, phone number, or zip code. Each element that you create can be fully customized. You can set the class, id, or any other attribute that is native to that element. Enjoy!

multiHtml

multiHtml will simplify adding multiple pieces of content of different types to an element. It is similar to $.html(), but it takes an arbitrary number of arguments, and appends each one to the element, allowing you to pass in strings, and jquery dom elements alike. The result is nested dom creating code that is much easier to read.

Escapify

Escapify is a jQuery plugin that helps you escape and unescape HTML entities for displaying them correctly in your page. For more details, such as usage and download please visit the project github page.

CLEditor - WYSIWYG HTML Editor

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor which can be easily added into any web site.

Lightweight

CLEditor consumes less than 9K of total bandwidth when minified and gzipped.

Full Featured

In addition to the standard text formatting features found in other WYSIWYG editors, CLEditor also contains rich drop downs for font name, size, style, text color and highlight color. CLEditor allows you to insert images, hyperlinks and horizontal rules.

Cross Browser

CLEditor supports the following browsers on both the mac and pc: IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+. All testing was done using jQuery 1.4.2.

Extensible

CLEditor provides a rich plugin development environment, allowing you to customize
its user interface and functionality to fit your needs.

html table to json

This plugin converts tables to JSON for use within Javascript or serialize ready for JSON.NET. You can add custom field names and it will pick up row attributes as well as indicated in the configuratoin

dFrame

dFrame turns divs into usable iFrames complete with form submitting and refreshing.

Kradio

Custom (and neat!) Radio buttons.

How to use:

-----------------

1. Put all the radio buttons you want to look good inside a div with class 'kradio'.

Example Usage:

-----------------

<div class="kradio">
    <input type='radio' alt='Order inquiry' />
    <input type='radio' alt='Order change' />
    <input type='radio' alt='Returns' />
    <input type='radio' alt='Re-selling' />
</div>

Note:

  • Your "alt" text will be the text that is actually shown
  • You can give the radio input other attributes(name, value, id, etc) and they will be preserved

Tested with jQuery 1.4.2

jQuery fasterTrim

A faster version of jQuery.trim() (in versions of jQuery previous to 1.4.3) for those who need to trim a lot of strings, completely overkill for most people. It will use the native String.trim (if available) and will account for NBSPs not getting matched with \s in the regex for Internet Explorer and older versions of Safari. It also provides a function for trimming Unicode whitespace characters that might not be matched by \s or a native trim.


// this now uses the faster trim function
$.trim( " string " );
$.trimLeft( " string " ); // === "string "
$.trimRight( " string " ); // === " string"

// this uses the Levithan trim function, better for larger strings
$.levithanTrim( " string " );

// trim all whitespace including unicode characters
$.unicodeTrim( " \u3000 unicode string \u3000 " );

// OR:

// returns jQuery object with HTML trimmed
$( element ).trimHtml();

// returns jQuery object with text trimmed

jQuery CssGrab

Writing HTML is itself a challenge for developers and writing correct CSS selectors for this HTML is more difficult , sometimes bit confusing too. As myself being a web developer , can understand the pain and thus came out with this plugin.

Download : cssgrab.jquery.js