CKEditor 3.0 is here!
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!
Other Products
Browse for images and files in CKEditor, with thumbnails, easy to use and intuitive context menu.
Commercial License
For many companies and products, Open Source licenses are not an option. This is why the Closed Distribution License (CDL) has been introduced.

Comments
uploading image is not available
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
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
It was good for lots of snickers around the office. ;) Didn't stop us from using it in our products.
Word Wrap
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
Design
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.
Andrew, thanks for your
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
The demo page has been updated, including a note about the CKFinder integration.
Browse Server button
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!
Be sure to check out the File Browser page at our documentation site.
i don't get the documentatio.
i don't get the documentatio. sorry i'm not very familiar with js... :(
MediaWiki
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
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.
Tab Sapce Issue
Tab SPace does not work. Same issue on DEMO editor. Please comment.
Please see the reference to
Please see the reference to same kind of issue.
http://dev.fckeditor.net/ticket/137
Please ticket it
Be sure to have a ticket for it at our dev site, containing full information on how to reproduce this issue.
CKEditor & CKFinder integration
Hi, first of all, great tool!
I've been evaluating CKEditor alongwith CKFinder integration.
Question:
For my requirements, the CKEditor and CKFinder will have to be installed on 2 different servers (such is the requirement).
All I did was change the value of filebrowserBrowseUrl in ckeditor/config.js from /browser/browse.php to http://myserver.com/ckfinder/ckfinder.html.
When I click on "Browse Server" button in the Image Properties, I get a pop-up window, with this error:
Line: 50
Error: 'CKEDITOR' is null or not an object
Any suggestions will be of great help!
ckediter for .net
why not have ckediter for .net
no upload
One day after I have updated few websites from FCKEditor to CKEditor i was hit by a big issue .. there is no image/file upload feature anymore :( .. If I can't find a way to add a plugin or something I will have to switch back to FCK .. this was the main reason I chosed FCK now ~2 years ago: It had an upload feature.
CKFinder
For now, you can use CKFinder for that job.
This is so cool!
I just think that CKEditor is better now!
Great jobs
Good Job
Well needed rebranding. Good work :)
header footer
hey ds's netwrkspider, well i use ut ckeditor..its really cool project but i haven't found header/footer option on this editor..pls tell me where is header/footer option in this application
regards
abhishek kumar
How to integration CKFinder???
How to integration CKFinder???
Hello, how to use the filebrowser plugin?
Hello, how to use the filebrowser plugin?
Is it free?
regards
Great editor, great speed, ... but no BaseHref
CKEditor is really great and fast... but unfortunatly I can't use it until you implement back BaseHref config option like in previous versions of FCKEditor.
I hope you release it soon in v3.1
Minor criticism
I'm not too thrilled about the user interface. I hope there will be better skins, or I have to spend some time making it match existing apps.
-M
http://code.christophervigliotti.com
Looks great!
CKEditor and Firefox's built-in spell checker
I switched the bug tracking app I develop, BugTracker.NET, over to CKEditor a few months ago. It went smooth, no problems. Good job.
But...my users have asked about taking advantage of Firefox's built-in spell-checking rather than Spellcheck.NET. I've searched the forums and docs and can't figure out if that's possible or not. Is it?
Everythins looks great but...
on latest baddest Opera 10
Sorry it isn't crossbrowser at all
Opened demo in newest fastest and most comfortable Opera 10 and it doesn't work at all
Works for me too!
.
Works for me to!
on latest baddest Opera 10
Works for me (?!)
I've just tried it with Opera 10 (build 1750) on Windows and it works like a charm (!?)
Taking CKEditor 3.0. for a testdrive in an OSGi environment
Hi CKSource,
took your editor for a testdrive in an OSGi environment: http://spring.datenkollektiv.de/2009/09/01/1251765231024.html
Works great!
ASP.NET Integration
When would I be able to use the new and awesome CKEditor 3.0 with ASP.NET project?
I can't WAIT!!
Please let me know when you are planning to update the editor and integrate asp.net integration.
ASP.NET Integration
Checkout : http://syrinxckeditor.codeplex.com/ for ASP.net intergration
Go ahead with it!
I know that it's not the usual way things are done in the ASP.Net world, go ahead using CKEditor 3.0 today just like a simple <textarea>, retrieving it's data with the good and old Request.Form object.
In any case, be sure we'll be working on more strict server side integration solutions for the coming releases.
I was able to integrate
I was able to integrate it in .NET but some how the image upload is not working. I think we need ckfinder to achive that functionality. If thats the case then its not actually an open source application.
GSB Mazz Tech
Then...
dont use asp.net, asp.net was not built for opensource.
Not really
That statement is not correct, ASP.NET was not build without opensource in mind. This issue has nothing to do with open source or not, the ASP.NET server control is just not available yet.
Mazal Tov!
Mazal tov fredric and ckeditor`s team for the new great editor!
Yours,
Almog Baku, Israel.
lavoro straordinario...
lavoro straordinario... complimenti, e grazie!
Hurrah!!
WOW! This is sooo fast. A massive improvement over FCKeditor - it's going in all our new apps! :D The name is also a lot better. Thanks!
Parabéns !!!
Ola Fred!!!
Parabéns pelo trabalho maravilhoso !!!
Tenho acompanhado o FCKEditor há uns 2 anos e hoje fui descobrir sua origem... você não pode imaginar como fiquei surpreso!!!
Fiquei muito feliz em ter notícias suas dessa forma...
Muito sucesso para você e sua equipe !!!
Fique com Deus.
Olá Fábio!
É um prazer ver você por aqui. Boas lembranças do passado.
Muitas felicidades pra você também ;)
awful!
people here seem overly enthusiastic. ckeditor has one of the most awful user-interfaces I´ve seen. horrendous buttons, poor color-scheme. and the popups ... come on!
I'm sorry, but I agree
I really do agree. The design is just awful. I don't know what they were thinking? Big green/yellow/orange buttons? I can barely read the text on them...
No anti-aliasing...?
What!?
Here we have Anonymous again.
We've been noticing that some people (specially web site developers, not users in our case) react negatively when facing something that is out of their expectations. So, any editor that's not similar to the others out there, or without the MS Word icons look strange. But, be sure that we have strongly researched and thought about the proposed solutions, and the usability results have proven to work well. It's enough to implement CKEditor in your web site and your users will not the positive difference.
Regarding the color scheme mention, you probably misunderstood it. Our demo simply shows some predefined colors, but you can use any color you want for it. We'll change the demo to better illustrate it, but you can try the color selector in our nightly build.
Then, if you really prefer old stuff, you can always opt for the other skins illustrated in the demo, which came from V2. So, you defintely have options.
why?
so, instead of talking in platitudes, one could ask _why_ the UI of ckeditor is bad.
– the buttons (look at the flash-button for example): they are not anti-aliased. but, everything else on a modern screen (the OS, the browser, the fonts, ...) is anti-aliased. why?
– color-mix: blue, orange, red, yellow, grey ... colors all over. e.g, the preview-icon has red in it. why red? what´s the message with using red for that button?
– styles, format, font, size ... why italic? what does it tell me? artistic freedom or a good reason?
– the mouse-over for buttons is light-blue. the mouse-over within popups is orange. why?
– the icon for "preview" is very similar to the icon for "show block". why? the functionality is not similar at all ...
– popups are missing the most basic grid: e.g. link > advanced. why is the input-field for "ID" shorter than the input-field for "advisory title"?
– with the image-popup, the button "browse server" is on the right-hand side. with the link-popup, it´s on the left-hand side. why?
– the image-popup again. look at "image info": "URL" and "Alternative Text" is left-aligned. "Width" and "Height" is about 10px from the left-hand side. why?
this list could go on for a while, but I hope I´ve been able to communicate the basic idea.
if you don´t understand that (or don´t _want_ to understand), just ignore this posting and life a happy live.
an example of a useful icons can be found at http://helveticons.ch/. all these icons share basic principles (and therefore it looks coherent). of course, these icons can not be applied to an editor (but that´s not the point).
Your helveticons are lame
1) All of your helveticons look the same! The point of icons is to let the user quickly detect an action by recognizing a familiar icon. If all icons look the same they are pointless. It's not everything about aesthetics.
2) I'd rather have a lame set of icons (which is not the case of CK) than listen to a pedant loser like you, so if you really want to help change your attitude.
Post new comment