Skip to main content

10 jQuery Inline Editor Plugins

By Sam Deering



Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

10 jQuery Inline Editors to help you manage your page content dynamically just like a CMS but on your webpage live! In search of some decent inplace editors, we found these really interesting scripts. Inplace editing or inline editing is very useful in editing the text on the same page without refreshing it hence making user interface more strong. See our tutorials below.

1. WYMeditor: web-based XHTML editor

A web-based WYSIWYM (What You See Is What You Mean) XHTML editor (not WYSIWYG). The main concept is to leave details of the document’s visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors).

2. PimenTech-scripts: jquery.jframe.js

Provides an easy way to get an HTML frame-like behavior on DIV Elements with AJAX. It comes with Pimentech Scripts library. With jFrame, you can build smart, complex modern, internet apps without leaving the main page, without a single line of JavaScript!

3. Jeditable – Edit In Place Plugin For jQuery

Inplace editor plugin for jQuery with few lines of JavaScript code it will allow you to click and edit the content of different xhtml elements. Jeditable was based on Dylan Verheul’s editable.

4. Editable

A simple way to create in place editing fields with jQuery.

5. Edit In Place with AJAX Using jQuery JavaScript Library

An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML page they are viewing, without leaving the page.

6. TableEditor

Provides flexible in place editing of HTML tables. User defined handler functions can easily be dropped in to, for example, update the data source via an AJAX request.

7. In-Line Text Edit

Allows users to edit blocks of text within the browser with an ajax call instead of a page reload. Uses semi-specific DOM Tree.

8. AJAX instant edit script – clean HTML

This is an instant edit script that you might like. Enjoy!

9. Inplace Rich Editor

Tested on FF 3+, IE 6+, Safari 4+, Chrome 11+ and Opera 10+

10. Josephscott Jeip

A simple jQuery edit inplace plugin.

Related Articles

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn the basics of programming with the web's most popular language - JavaScript

A practical guide to leading radical innovation and growth.

Integromat Tower Ad