Plugins
Home

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.

edit-in-place


EditableSet - Simultaneous edit-in-place for an entire dataset.

Submitted by miwillhite on July 15, 2010 - 8:18pm

EditableSet was designed for Ruby on Rails apps, but it will work with any web application. When activated, it wraps the target object’s inner html with a form, converts all spans with the attribute “data-name” to inputs, then appends “Submit” and “Cancel” buttons. Pressing the “Save” button will submit the form via ajax (PUT). Originally based on and inspired by Mika Tuupola’s Jeditable.

View the Sample Page
Download the Source

CKEIP - Edit-In-Place with CKeditor

Submitted by david4ie on June 21, 2010 - 1:44pm

This jQuery Plugin allows you to add edit in place functionality to you web site but unlike most edit-in place plugins CKeip uses ckeditor.
Demo

How it works ?

When ckeip is called it creates a hidden CKeditor instance on the page, when the div you wish to make editable is double clicked the div will transform into a CKeditor instance.

For usage see documentation.

Editlist

Submitted by arlolra on December 3, 2009 - 3:54pm

A plugin to edit your unordered lists in place.

Click an item to begin editing.
Works with keypress on Enter, Backspace, Delete, and Tab.
Ability to edit, add, and remove list items.

IPWEditor - In-Place WYSIWYG Editor

Submitted by ashevat on June 15, 2009 - 6:28pm

An In-Place editor, such as jQuery Editable plug-in, lets you seamlessly replace texts on web pages with inputs, for on-the-spot editing.
WYSIWYG editors, such as FCKeditor, provide easy, word-like editor on the web.
IPWEditor provides easy In-Place editing and adds a layer of WYSIWYG visual editor over it.

var oFCKeditor = new FCKeditor( 'editor1') ;
oFCKeditor.BasePath = "/fckeditor/" ;

$('.myipwe').editable(
{
type: 'wysiwyg',
editor: oFCKeditor,
onSubmit:function submitData(content){
alert(content.current)
},
submit:'save'
});

Edit-In-Place

Submitted by dcparker on June 8, 2009 - 12:31pm

Switches an element to a text input box, then when you're done typing and hit enter/tab, it calls a callback. Simple and sweet. Use this especially when you need user input simply to edit a value in your javascript back-end or change a hidden field value.

$('#editable-thing').click(function(){
    $(this).edit_in_place(function(editable_thing, value){
        alert("You typed "+value);
    });
});

$.editableAreas

Submitted by valums on February 27, 2009 - 7:24am

This plugin allows you to convert parts of the page into editable areas, just click on them and when you finish editing click outside. If you convert an inline element (h1...h5, p ) with this script, the line breaks will be disabled.