jQuery CKEditor Plugin

What does it do?

• This plugin makes it easy to install CKEditors on your page the jQuery way.
• It integrates CKEditors with the jQuery Form Plugin and enables the contents of CKEditor to be submitted via ajax.
• It also works with the Validation Plugin

Try it yourself

Important pointers...

• This is a working idea that hasn't yet been fully tested.
  Tested and works on Firefox 2, Opera, Safari (Win), IE7 and IE6 (all in WinXP SP2).
• The same principle can be applied to TinyMCE, Codepress and any other rich-text editors.
  Any input regarding other rich-text editors is welcome.
• The plugin will intercept known methods and install itself against related plugins (currently the Form Plugin and the Validation Plugin).
  Any input regarding integrating this plugin with other jQuery plugins is welcome.

Usage

Method 1

Replacing ALL textareas in a page with THE SAME settings

<textarea name="ckeditor1" cols="50" rows="6"></textarea>
<textarea name="ckeditor2" cols="50" rows="6"></textarea>
<textarea name="ckeditor3" cols="50" rows="6"></textarea>
<script> $(function(){ $('textarea').ckeditor({path: '/path/to/ckeditor/directory/'}); }); </script>

Method 2

replacing SOME textareas in a page with THE SAME settings
In this example, only textarea ckeditor3 will not be converted into a CKEditor.

<textarea name="ckeditor1" class="ckeditor" cols="50" rows="6"></textarea>
<textarea name="ckeditor2" class="ckeditor" cols="50" rows="6"></textarea>
<textarea name="ckeditor3" cols="50" rows="6"></textarea>

<script> $(function(){ $('textarea.ckeditor').ckeditor({path: '/path/to/ckeditor/directory/'}); }); </script>

Method 3

replacing SOME textareas in a page with DIFFERENT SETTINGS

<textarea name="ckeditor1" cols="50" rows="6"></textarea>
<textarea name="ckeditor2" cols="50" rows="6"></textarea>
<textarea name="ckeditor3" cols="50" rows="6"></textarea>

<script>
 $(function(){
  $.ckeditor.config = {path: '/path/to/ckeditor/directory/', height:300 };
  $('textarea#ckeditor1').ckeditor(/* default settings */);
  $('textarea#ckeditor2').ckeditor({ toolbar:'MyCustomerToolbar' });
  $('textarea#ckeditor3').ckeditor({ toolbar:'MyCustomerToolbar', height:200 });
 });
</script>

Multiple Editors

This example below illustrates how to install multiple CKEditors (with different settings) on one page.

Sample HTML

<strong>textarea1</strong><br/>
<textarea name="ckeditor1" id="textarea1">textarea name : ckeditor1<br />textarea id : textarea1</textarea>
<hr/>
<strong>textarea2</strong><br/>
<textarea name="ckeditor2" id="textarea2">textarea name : ckeditor2<br />textarea id : textarea2</textarea>

Sample Javascript

//# TEST PAGE FUNCTIONALITY
$(function(){
 $.ckeditor.path = '/fwx/inc/ckeditor/';
 $('#textarea1').ckeditor({skin: 'office2003', height: 200 });
 $('#textarea2').ckeditor({toolbar: 'Basic', height: 100, width:300 });
});

Download

This project (and all related files) can also be accessed via its Google Code Project Page.

Full Package:	v1.10 CKEditor.zip
	Stay up-to-date! Major updates will be announced on Twitter: @fyneworks
Core Files:	These are the individual required files (already included in the zip package above) jquery.CKEditor.js (packed version: jquery.CKEditor.pack.js)
jQuery:	jquery-1.9.1.min.js (see jQuery.com)

Related Downloads

SVN Repository

If you're a major geek or if you really really want to stay up-to-date with with future updates of this plugin, go ahead and plug yourself to the SVN Repository on the official Google Code Project Page.

SVN Checkout:	SVN Checkout Instructions
Browse Online:	Browse Source

Alternative Download - From this website

Just in case it's the end of the world and the Google Code site becomes unavailable, the project files can also be downloaded from our server on this site.
However, please note that this site is updated periodically whereas the Google Code project is kept up-to-date almost instantaneously. If you'd like the very latest version of this plugin you are advised to use the links above and download the files from Google Code - this will ensure the files you download have the very latest features and bug fixes.

Full Package:	v1.10 CKEditor.zip
	Stay up-to-date! Major updates will be announced on Twitter: @fyneworks
Core Files:	These are the individual required files (already included in the zip package above) jquery.CKEditor.js (packed version: jquery.CKEditor.pack.js)
jQuery:	jquery-1.9.1.min.js (see jQuery.com)

Support

Quick Support Links: Help me! | Report a bug | Suggest new feature

Support for this plugin is available through the jQuery Mailing List. This is a very active list to which many jQuery developers and users subscribe.
Access to the jQuery Mailing List is also available through Nabble Forums and the jQuery Google Group.

WARNING: Support will not be provided via the jQuery Plugins website. If you need help, please direct your questions to the jQuery Mailing List or report an issue on the official Google Code Project Page.

Official Links

• jQuery Plugin Project Page
• Google Code Project Page

Credit

• Fyneworks.com professional web design and London SEO consultants
• Keith Wood - The brain behind v2.1
• Dean Edwards - Author of JS Packer used to compress the plugin
• Will Stuckey, Ritesh Agrawal and everyone else who worked in the previous versions of the plugin - I'm not so good with research...

If we've missed anyone (anyone!) please contact us (info at fyneworks.com) and we'll make sure to give credit where credit is due.

What's the catch?

There's no catch. Use it, abuse it - even take it apart and modify it if you know what you're doing. You don't have to, but if you're feeling generous you can link back to this website (instructions below).

Attribute this work

License Info

Multiple File Upload Plugin by Fyneworks.com is licensed, as jQuery is, under the MIT License.

Copyright © 2008 Fyneworks.com Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.