#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 |
----------------------------+-----------------------------------------------
Description changed by tobiasz.cudnik:
Old 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(){
> alert(this.getData());
> });
>
> // set data into editor
> $('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
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(){
alert(this.getData());
});
// set data into editor
$('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 content");
});
}}}
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:7>
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
