#4210: CKEditor plugin for jQuery
----------------------------+-----------------------------------------------
Reporter: tobiasz.cudnik | Owner: tobiasz.cudnik
Type: Bug | Status: assigned
Priority: Normal | Milestone: CKEditor 3.1
Component: General | Version:
Keywords: Confirmed |
----------------------------+-----------------------------------------------
Changes (by tobiasz.cudnik):
* keywords: => Confirmed
Old description:
> Create a jQuery plugin, which will allow jQuery users easily integrate
> rich text editing into their applications.
>
> Mockup of planned API:
> {{{
> // chainably transform textareas into CKEditor instance
> $('textarea').ckeditorCreate()
>
> // extensive example
> $('#editors textarea')
> .eq(0).ckeditorCreate({ lang: 'pl', width: 300 }).end()
> .eq(1).ckeditorCreate({ width: 500, height: 400 }).end()
> // more then one at once
> .slice(2).ckeditorCreate({ lang: 'ar' }).end()
>
> // get instance (create it if needed)
> $('textarea').ckeditor()
>
> # access internal API methods
>
> // get data from editor
> $('textarea').ckeditor().getData()
>
> // set data into editor
> $('textarea').ckeditor().setData("New editor content")
>
> // change ui color
> $('textarea').ckeditor().setUiColor('#FFFFFF')
>
> // remove editor from the page
> $('textarea').ckeditor().destroy()
> }}}
>
> Possible, not confirmed:
> 1. Automatically push instance data into textarea on events:
> 2. submit
> 3. ajaxSubmit
> 2. Bridge textarea setter/getter val() with CKEditor
> 3. Easy editor's content lookup using selectors
New description:
Create a jQuery plugin, which will allow jQuery users easily integrate
rich text editing into their applications.
Below mockup of planned API.
== Editor creation ==
{{{
// chainably transform textareas into CKEditor instance
$('textarea').ckeditor()
// extensive example
$('#editors textarea')
.eq(0).ckeditor({ lang: 'pl', width: 300 }).end()
.eq(1).ckeditor({ width: 500, height: 400 }).end()
// more then one at once
.slice(2).ckeditor({ lang: 'ar' }).end()
}}}
== Internal API access ==
{{{
// get data from editor
$('textarea').ckeditor(function(){
var data = this.getData();
});
// set data into editor
var data;
$('textarea').ckeditor(function(){
this.setData("New editor content");
});
// change ui color
$('textarea').ckeditor(function(){
this.setUiColor('#FFFFFF');
});
// remove editor from the page
$('textarea').ckeditor(function(){
this.destroy();
});
}}}
== jQuery integration ==
{{{
// use val() to get data
$('textarea:first').ckeditor(function( textarea ){
$(textarea).val();
});
// use val() to set data
$('textarea:first').ckeditor(function( textarea ){
$(textarea).val("New editor contents);
});
}}}
Possible, not confirmed:
1. Automatically push instance data into textarea on events:
2. submit
3. ajaxSubmit
2. Easy editor's content lookup using selectors
--
--
Ticket URL: <http://dev.fckeditor.net/ticket/4210#comment:4>
FCKeditor <http://www.fckeditor.net/>
The text editor for Internet
------------------------------------------------------------------------------
Let Crystal Reports handle the reporting - Free Crystal Reports 2008 30-Day
trial. Simplify your report design, integration and deployment - and focus on
what you do best, core application coding. Discover what's new with
Crystal Reports now. http://p.sf.net/sfu/bobj-july
_______________________________________________
FCKeditor-Trac mailing list
FCKeditor-Trac@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/fckeditor-trac
