CKEditor 3.0 is here!

Added by Frederico, 21 Aug 2009

After almost two years of intensive development, it's a pleasure to release the first stable version of CKEditor 3.0, our next generation browser based WYSIWYG editor. This is the next big thing following the birth of CKSource.

CKEditor is a complete rewrite of our so loved FCKeditor, which got a bit old after six years of great success. Not to say that FCKeditor is doing bad, but there are some new things we could bring to it, and CKEditor is the result of it. I'm sure you will feel the difference, and if you were happy with FCKeditor, you'll be now amazed with CKEditor.

CKEditor has also a new logo and a new web site. We really hope you'll enjoy it.

What's new?

There are dozens of new features in CKEditor. Let's talk about some of the most notable things.

Amazing performance!

Yeah... that's really a big difference. CKEditor is fast to load and fast to use. Our development team stayed focused to bring here the best performance you can have, using all modern best practices. You'll be amazed with it.

Accessibility

Another important aspect on totally rewriting the code is that CKEditor is now fully accessible. It's totally screen reader compatible and keyboard only usable. It complies with the W3C WCAG and the US Section 508 accessibility standards. It also offers a unique high contrast feature. CKEditor is here for everybody.

Brand new UI

You'll note that we have also a brand new UI based on the Kama skin. Other than modern, Kama is colorful like a chameleon, so you can precisely match its color to your needs. This is an innovative and unique feature you'll find in CKEditor only.

New JavaScript API

The CKEditor code is also much different now. It's up to date with the new JavaScript development requirements, offering a rich and powerful integration and interaction API. The editor is totally plugin based, and it can be extended and modified in all senses to fit all needs.

Much more...

There are definitely lots of new things in CKEditor. This page would not be enough to list them, so take a ride on it and try out our demo. Then, download CKEditor and start integrating it today in your next generation applications.

Notes on the new name

For years we have been fighting with a relatively important issue with FCKeditor. While its quality has been strongly accepted, its name brought us troubles, mainly inside English speaking countries. The fact is that the initials of Frederico Caldeira Knabben have an unfortunate match with the most used English bad word.

We hope you like the new CKEditor name. It's the best solution we have found to make the transition clearer and better acceptable. Note that CK stands now for "content and knowledge".

So go ahead expressing yourself with our new editor, bringing exciting new features to your applications and web sites.

Enjoy it!

Comments

File / Image Uploader

Submitted by James on Wed, 2010-12-08 12:47.

Subject says it all. Your docs are sketchy, your product incomplete. How are we meant to integrate a fileuploader?

Cheers

James

Terrible documentation

Submitted by Anonymous on Wed, 2010-12-01 18:48.

I have been trying for hours to integrate CKFinder and CKEditor and read the documentation - but there's one simple thing it does not point out:

WHERE DO YOU PUT THIS CODE????

So the instructions are:

CKEDITOR.replace( 'editor1',
{
filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});

But it doesn't tell me where I need to put this? Which file? Is it in a config file for CKfinder or CKEditor???

It's probably really easy but I'd really appreciate the help!

basic installation and configuration

Submitted by Schindi on Sat, 2011-04-02 17:24.

Hi there,

I was looking for an editor for my website, after about 10 minutes searching I found CKEditor, downloaded it and after 15 minutes everything was running. and configured.

Guess, it isn't that hard to implement CKEditor if u know a little bit about javascript.

Much more time I spent to find a solution to change the default font-name and font-size to display the entered text. (but my friend "google" gave the answer :-))

Anyway, what I coundn't resolve until now is to resize the toolbars (icons and space arround icons), cause it is too large for my needs)

Ciao from Austria, Franz

Terrible developers

Submitted by Anonymous on Wed, 2010-12-01 19:21.

Yes, it's really easy... just check the "full" documentation, not just a single page of it.

Um, that's not heflpful my friend.

Submitted by Anonymous on Thu, 2010-12-09 14:55.

If it's that easy could you just please tell me? Why go to the bother of rubbing it in my face?

I agree that the

Submitted by Anonymous on Sun, 2011-02-06 13:13.

I agree that the documentation is crappy, incomplete and only gives partial informations on most subjects.

You have to gather pieces found here and there to implement each part.

To answer the above question, you can use CKEDITOR.replace in your main js file. Not sure when though, as it might conflict with a previously set up instance of ckeditor.

and btw, 'editor1' can be dom element or name/id

Hope it helps..

Problem installing on Meddiawiki

Submitted by Alexei on Wed, 2010-11-17 09:58.

Could anyone help me with installing the editor on wiki.

My mediawiki is on Xamp, i unzipped ckeditor to the site folder/extentions and made changes in LocalSettings.php

require_once("$IP/extensions/CKeditor/CKeditor.php");

But still cant use the editor on the site. Should i make more changes? If yes what kind.

I searched the web a lots and just found very liitle about it.

Please help

Thanx

File / Image Upload

Submitted by Ted Wood on Mon, 2010-10-04 21:29.

The omission of a built-in File Upload feature in CKEditor (without using the non-free CKFinder) is a serious show-stopper for my work. Not trying to be cheap, but it seems like such a basic feature. The price tag and feature set of CKFinder is a bit more than I need and willing to pay. Please give this some serious thought. A very basic upload feature is very much needed, nothing fancy.

i cant install it in ASP.NET

Submitted by NInad on Sun, 2010-08-29 09:17.

hey can anybody help me how to integrate ckeditor + ckfinder in ASP.NET i very much confused after reading those documents . plz can anybody explain me it in simple way

Looking good but.......

Submitted by Mani on Sat, 2010-08-28 14:27.

Nice functionality but where is the main requirement of the users...

All functionalities are given but the browse button and there feature will be missed.Now how can I integrate the browse button in that CK Editor.Please give me solution.

where is browse server?

Submitted by vikas1284 on Wed, 2010-08-18 13:08.

I have intigrated ck editor in my brand new project, and after doing all the hardwork.. bam.. there is no image upload function! is there any patch available?

Nice Facelift BUT...

Submitted by Anonymous on Mon, 2010-07-26 14:06.

no way i can upgrade all my projects to ckeditor if there is not image uploader included. 90% of all applications require image and/or file upload. and before i start paying for this, i rather use the good old fckeditor where the filemanager was free.

NO IMAGE UPLOAD OPTION

Submitted by TEST on Thu, 2010-06-17 11:28.

hi,

Is there any plugins for uploading image in ck editor ?

NO IMAGE UPLOAD OPTION

Submitted by Tom on Mon, 2010-07-26 09:54.

Hi.

It seems that we still have to use FCKeditor if we want to upload files/images.

Unfortunately.

Tom

After postback html text get populated in control

Submitted by amol kagde on Tue, 2010-06-08 06:12.

HI,

can you look into this issue, After postback html text get populated in control

Thanks,

AMOL

CKeditor in Model box popup

Submitted by Rohit on Tue, 2010-05-25 13:45.

I have migrated from FCKeditor to CKeditor, but i found the CKEditor is not working on Model box popup. While the FCKeitor was working. Is any body have an idea how can we display it in model box popup. I trided the php code and js replace text area both but none of them is work. Please replay me if you knows teh solution.

REG: Editor not working in pop up

Submitted by karuppasamyp on Fri, 2010-09-24 18:04.

Hi Rohit

I'm also getting the same problem.., in any one of the pop using jquery, lightbox,fancy box . could you find the soluton for this

Yes, CKEditor does has

Submitted by Anonymous on Thu, 2011-01-13 02:10.

Yes, CKEditor does has problem with this. It is absoultely a bug!

Finally I know why this bug produced, because when you popuplate a modal with data the editor appear before you load data into textarea. So you can do following to fix but can not take jquery adapters advantage:

1. fix for loading data : Load your data into textarea first, then load below codes

  if (CKEDITOR.instances['Body']) {
                    CKEDITOR.instances['Body'].destroy();
                }
                CKEDITOR.replace('Body');
2. fix for post data:

$("textarea[name='Body']").val(CKEDITOR.instances.Body.getData());

Please open a ticket for it

Submitted by Frederico on Mon, 2011-01-17 17:45.

We definitely need a ticket for this one in our dev site.

Well needed rebranding. Good

Submitted by New Bern Classifieds on Sat, 2010-05-22 03:01.

Well needed rebranding. Good work :)

Header and Footer Integretion

Submitted by Santosj on Thu, 2010-05-13 19:12.

Hey all.

Its a gr8 editor but i was wondering as to how can we dynamically inlucde header and footer in the html.

Also, how can we make the editor use the maximum of the page while printing....i can see a lot of blank spaces in the end of text and the default footer(for ex URL etc, page num etc).How can i reduce it; please can anyone help me out?

Thanks

3.x zips only have php - what happened to asp examples?

Submitted by Tbird on Wed, 2010-05-05 06:10.

The new 3.x versions don't seem to have the classic asp examples.

Why is that? I would just use the old version but I don't see DIVs in tables .. the editor isn't really showing what is in the html.

Do you have the 3.x, with asp examples?

Should the old version support DIVs?

Dear Friends, please, visit

Submitted by Anonymous on Sat, 2010-04-03 16:11.

Dear Friends,

please, visit http://www.codedigest.com/Articles/ASPNET/315_Using_CKEditor_3x%5Baka_FC...

uploading image is not available

Submitted by ram on Wed, 2009-12-23 06:11.

hi,

ckeditor is amazing. but in demo image upload is available.

but our dowload latest version did not give image upload.

i recommed my clients.. but they asking upload image now..

please give suggestion..

ans

Submitted by sahil on Wed, 2010-01-06 08:41.

you should download ckfinder to see upload images option and use it in pages with path.it will solve the problem.

I liked the old name

Submitted by sonicwind on Sun, 2009-12-20 23:12.

It was good for lots of snickers around the office. ;) Didn't stop us from using it in our products.

Word Wrap

Submitted by Ashish on Tue, 2009-12-08 07:45.

I am using the CKEditor but I can not find the Word Wrap option. So when i am typing a word with a guge no of characters, the horizontal scroll bar is appearing. Can anybody suggest me how i solve it?

Thanking you,

Ashish

Word Wrap

Submitted by James Lawson on Sun, 2010-04-25 21:02.

Hi sonicwind,

I had the same problem when I first installed ckeditor. I have figured out that if you select align (either left or right) from the image button - the text will then wrap around the image.

Hope that helps

James

Design

Submitted by andrew on Thu, 2009-11-05 06:04.

Just reiterating some of the views above.

The visual design of ck editor is absolutely terrible. All those mismatched colour's look highly unprofessional. Even in this editor that i am using now the buttons look grainy and blurry. I have looked at this editor on a number of screens and it all looks terrible.

The editor itself should not have padding or rounded corners. For in place editing you want the editor to blend as seemlessly as possible.

The final problem is the fact that there is not image browser. I have not used fckeditor, but from what i have heard it does include an image browser. You guys are pulling the same dirty trick that the tinymce guys use. You show the demo version with the paid inage browser, a user downloads and installes the software only to find that the image browser is actually a paid add on. I am not saying that you do not have a right to sell your software, im just saying don't waste my time and everyone elses time by making it seem the the image browser comes built into the editor.

I would be better to have skin like Office 2010

Submitted by Abdullah anwar on Tue, 2010-04-13 08:50.

I need to have a more lucrative skin rather than the defaults. I want something like Ofiice 2010 type GUI, are you publishing that in near future or do you provide any paid service for that? I want to get any of that.

Andrew, thanks for your

Submitted by Frederico on Thu, 2009-11-05 09:47.

Andrew, thanks for your feedback, and I'm sorry to hear that CKEditor didn't match your expectations. Fortunately the great majority of our users have a different opinion about it, but be sure that we take all suggestions in consideration.

If the default Kama skin is not for you, be sure to check the other skin options. We'll also bring further skins in the future, to satisfy all tastes.

Regarding CKFinder in the demo, we'll add information into that page about it.

Demo updated

Submitted by Frederico on Thu, 2009-11-05 17:34.

The demo page has been updated, including a note about the CKFinder integration.

...

Submitted by ted on Tue, 2010-05-25 08:20.

What are you talking about andrew? CK Editor looks awesome, plus it's extremely functional and FREE. Until you provide us a link to a better looking free web-based Word Processing engine that YOU built don't be complaining dude...

Browse Server button

Submitted by Misha Menon on Mon, 2009-10-12 17:26.

Hello :

We have been using FCKEditor so far and were thinking of upgrading to and using CKEditor, since the new editor looks much more cleaner with the new skins and definitely faster.

The latest CKEditor i downloaded does not seem to have the "Browse Server" button available in the image upload dialog. I looked up the forums, and they say the uploading support is available on V3 RC. What and where could i get this V3 RC?

Also, the FCKEditor had a separate folder download with the ASP .NET project code which we had to alter to suit to our specific needs. I dont see any ASP .NET project code available with the CKEditor download. Am i missing something, i have been going through and through the documentation with no luck. Please do explain.

Thanks in advance

Check out the docs!

Submitted by Frederico on Wed, 2009-10-14 16:27.

Be sure to check out the File Browser page at our documentation site.

File uploader / File Browser page

Submitted by Roberto on Wed, 2010-10-27 13:26.

I'm sorry, but me too I have some problem with File Uploader. I read the File Browser page but I don't understand his functioning. That That I have understand is: in standard version of ckeditor, File uploader and Browse button aren't available, but users can enable this feature also without downloading and installing ckfinder. Where we do it? I tried in different pages (for exemple, config.js, or the page where I put my textarea, and more), by copying and pasting the code that I find in File Browser page, but without success. In fact there aren't any pages named browse.php or uploader.php. Are there other folders to download?
Thanks for kind reply.

i don't get the documentatio.

Submitted by bimbolera on Wed, 2009-12-23 08:48.

i don't get the documentatio. sorry i'm not very familiar with js... :(

MediaWiki

Submitted by Jon on Wed, 2009-10-07 13:52.

Wow. Great Job! I love the new interface and just besides it solves some smaller problems I had with the old version. Is there any plan to transfer the changes to the mediawiki + fckeditor project?

I think especially for small compagny or NPO wikis it would make wikis much more accessible for normal users!

Keep on rocking.

Jon

It's planned

Submitted by Frederico on Wed, 2009-10-14 16:23.

We have plans to start a new MediaWiki effort, based on CKEditor. We would really like to have the definitive solution for it this time.

I'm not able to give dates for it though, but we're definitely talking about 2010.

Any update?

Submitted by Thomas Lerman on Wed, 2010-03-10 23:03.

Do you have any update on the plans for Mediawiki support of CKEditor? I am curious how much of an effort this might be to first implement it and secondly to bring some of the new features / parameters into the extension. Thank you!

Stay tuned...

Submitted by Wiktor on Fri, 2010-03-12 16:29.

Hi Thomas,

We we have already something working but it's still too early to publish it. We're in touch with devs that know MediaWiki very well, so we should be able to provide relatively soon a solution that will satisfy all users that would like to have an easy to use RTE in MediaWiki (this will definitely happen this year, we have no ETA yet).

Any news?

Submitted by Curiuser on Mon, 2010-08-30 18:07.

Hi,

any news regarding the MediaWiki integration of CKEditor? We're about to launch a major wiki project and would be happy to integrate the new editor from scratch. Thanks!

Waiting...

Submitted by Thomas Lerman on Fri, 2010-03-12 17:04.

Thank you for your reply. Any way of being involved with this process . . . development, requests, testing, etc.?

Sure

Submitted by Wiktor on Fri, 2010-03-12 18:01.

Sure, any help is welcome and appreciated.

Please use the contact form to contact us and I'll reply to you via email regarding the help we may need. Thanks!

Thanks

Submitted by Thomas Lerman on Fri, 2010-03-12 18:07.

Did that yesterday . . . ;-) well, kind of . . . I ended up sending an e-mail to the address listed. Let me know if you did not receive it.

Sent through contact form

Submitted by Thomas Lerman on Wed, 2010-03-17 23:27.

I decided to send it through the contact form as requested this time.

MediaWiki and CKEditor integration

Submitted by Sean McClowry on Tue, 2010-04-13 23:04.

Hi - we'd like to work together on this as well. We run an open souce project to build a collaboration platform that includes mediawiki and fckeditor. We'd like to upgrade to ckeditor.

All the code is here: http://waterloo.openmethodology.org/trac/omcollab

It supports sites such as:

http://www.openmethodology.org/

http://www.open-sustainability.org/

I submitted a note in the contact form, hopefully we'll hear from you soon.

We have some funding and developers from one side, but we'd rather work together than start from scratch.

Sean