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!

  1. Vincent's picture

    Vincent

    Reply

    Wow - great job guys!  This looks amazing and it's so fluid and fast.  I will immediately be replacing FCKeditor with CKeditor on my site.  Thanks a lot for a great contribution to the open source community.

    • andrew's picture

      andrew

      Reply

      How can you say it looks amazing? It may function amazingly but it looks terrible, do you have no design sense at all?

  2. Simon's picture

    Simon

    Reply

    I use this new editor on my website and it's so much better than the FCKEditor!! The speed is just amazing and it also works with Google Chrome. I have tried all WYSIWYG editors out there and have found flaws in many of them, which limited their use on my website. FCKEditor was perfect, just a bit slow. So glad that this is no longer an issue! Thanks for all the hard work! Also prefer the new name.

  3. Simone Chiaretta's picture

    Simone Chiaretta

    Reply

    But this new version is missing an integrated file browser... and OpenSource projects cannot use the CKFinder as it's a pay version.

    Any idea on when an integrated file browser will be available?

    • Hi Simone. For now CKFinder is the best option for it. For the 3.1, we'll decide whether to have the OSS file browser inside CKEditor or instead as a separated project. Stay in touch for is so. Thanks.

      • Simone Chiaretta's picture

        Simone Chiaretta

        Reply

        OK, but CKFinder is a pay product, and I cannot use it inside an OpenSource project. Is there a CKFinder license for OpenSource projects?

      • James's picture

        James

        Reply

        Languages supported by CKFinder: PHP, ASP, ASP.Net, ColdFusion.

        Languages supported by FCKEditor's filemanager connector:

        asp, cfm, perl, py, aspx, lasso, php.

        Why the disparity?

         

         

  4. Graham Glass's picture

    Graham Glass

    Reply

    Hi Fred,

    The new editor looks great! I was trying it out but couldn't figure out how to upload an image for my computer or upload an attachment. Where is the user documentation for CKEditor so I can find out how to do this?

    Cheers,
    Graham

    • Anonymous's picture

      Anonymous

      Reply

      How can you say it looks amazing? It may function amazingly but it looks terrible, do you have no design sense at all?

      • Charles's picture

        Charles

        Reply

        What has this world come to? You have people working hard to bring a user friendly product to market place, oh and for free!

        Lets be kind! Treat others how you would like to be treated. Nothing is perfect! It is man made.

        The only thing I would like to see is layers like add new layer and built in browse for images.

        However, being that I am not a programmer, I am very thankful for what these folks have put together for people like myself to use and not have to pay out hundreds or more $.

        Keep up the good work guys I see people favoring your work!

        Charles

  5. elzio's picture

    elzio

    Reply

    Is it possible to install CKEditor 3.0 instead FCKEditor 2.6.x?

    Please shed a light... thanks in advance.

    • Anonymous's picture

      Anonymous

      Reply

      im also looking for how to get the ckeditor working in drupal.

      • Anonymous's picture

        Anonymous

        Reply

        Why Drupal? Drupal can be tailored and expanded to meet each organization's specific needs. Its flexibility and scalability have made it the preferred framework for a vast number and variety of websites, including corporate sites, social networks, online communities, personal sites, and Intranets.

         

        SEO

  6. Really like this but need the Full HTML featur scheduled for 3.1.

    Any projection when 3.1 will be released?

    Thanks

  7. André 's picture

    André

    Reply

    Hello, the editor looks great, beatiful interface. Just one thing...

    How can you guys be so relapse and incoherent at the point of don't worry about W3C patterns. Jesus Christ! A beatiful new product that doenst work with correct XHTML tags??

    come on guys.. you still have time to fix this..

    All the rest looks great.

    • That's not entirely true. It's just a matter of properly setting up the editor.

      Actually, the right tags to use is a relative issue. We're coming from FCKeditor, so we still inherit many of its features. So, CKEditor works the way FCKeditor users expect it to work in many senses.

      Anyway, this discussion is out of place. We're definitely changing things. This was the first (huge) step, so you can certainly expect things more the way you like (and I prefer) in the future.

  8. myllop's picture

    myllop

    Reply

    When I use google chrome, drag the edit box will appear to follow the mouse, no matter how hard I will be very difficult to lift such a predicament, hoping to be improved

  9. Anonymous's picture

    Anonymous

    Reply

    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!

    • 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.

      • Anonymous's picture

        Anonymous

        Reply

        you didn´t understand anything I´ve written. that´s a bit sad.

        • Anonymous's picture

          Anonymous

          Reply

          Oh just eat your cheetos and direct your Unix sysadmin-ish rage elsewhere ;).

          • Anonymous's picture

            Anonymous

            Reply

            it´s really funny that a lot of open-source projects tend to have bad design. and if you criticize, people don´t even understand what you´re talking about. just because some developers like the UI doesn´t mean it´s good. ask (good) designers instead and you´ll get a different view. I´d love to see the portfolio of the guy/girl who made the UI for ckeditor (unsurprisingly, I didn´t find anything).

            • Anonymous's picture

              Anonymous

              Reply

              I couldn't find a single positive word on your comments, except when you're talking about yourself. So, you're the only (good) designer here around, right? Come on, these guys are doing an incredible work. Why don't you try adding, instead of destroying?

              CKEditor rocks! (UI inclusive)

              • Charles's picture

                Charles

                Reply

                What has this world come to? You have people working hard to bring a user friendly product to market place, oh and for free!

                Lets be kind! Treat others how you would like to be treated. Nothing is perfect! It is man made.

                The only thing I would like to see is layers like add new layer and built in browse for images.

                However, being that I am not a programmer, I am very thankful for what these folks have put together for people like myself to use and not have to pay out hundreds or more $.

                Keep up the good work guys I see people favoring your work!

                Charles

            • Massimo Brillante's picture

              Massimo Brillante

              Reply

              you have 3 milions of peope who downlaode th gui as p;ortfolio... is that not enough for you? show us YOUR portfolio GOOD DESIGNER !!!!

        • Is someone forcing you to use this program that you obviously hate?  It seems to me that the only fair and reasonable thing for Frederico to do is to totally rewrite the program to your specifications and then change its name (again) to yours, something like 'Anoneditor,' maybe.  It's terribly sad to see someone so persecuted by someone else's program.  ;)

      • Anonymous's picture

        Anonymous

        Reply

        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).

        • Ventzy's picture

          Ventzy

          Reply

          Despite of all comments below, I totally agree with you! At first sight, in the ad image on the home page, I thought to myself... ooo, that is the beauty! But in reality, those icons looks awful. Yeah, they are not anti-aliased, and some of them simply are not good. There is few good opensource icon sets, and current icons in the editor can't compare with them at all. I am not designer, but this is obvious. I set up my first CKEditor with v2 skin. The other alternatives are not useful.

          And yes again, those colors for the buttons are.... fun at first, but I can't imagine them in serious application.

          To the CKE team: Design is bad, but if you don't believe us, go to some designers forum, and post demos there for comments... you will find the truth, and this will be great for the CKE.

        • Anonymous's picture

          Anonymous

          Reply

          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.

    • Anonymous's picture

      Anonymous

      Reply

      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...?

       

  10. Fábio Paganini's picture

    Fábio Paganini

    Reply

    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.

    • É um prazer ver você por aqui. Boas lembranças do passado.

      Muitas felicidades pra você também ;)

  11. 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!

  12. Nunzio Castaldi's picture

    Nunzio Castaldi

    Reply

    lavoro straordinario... complimenti, e grazie!

  13. AlmogBaku's picture

    AlmogBaku

    Reply

    Mazal tov fredric and ckeditor`s team for the new great editor!

     

    Yours,

    Almog Baku, Israel.

  14. Anonymous's picture

    Anonymous

    Reply

    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.

    • 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.

      • Gurvinder Singh Bains's picture

        Gurvinder Singh Bains

        Reply

        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

        • Anonymous's picture

          Anonymous

          Reply

          dont use asp.net, asp.net was not built for opensource.

          • Anonymous's picture

            Anonymous

            Reply

            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.

  15. GreLI's picture

    GreLI

    Reply

    Opened demo in newest fastest and most comfortable Opera 10 and it doesn't work at all

    • I've just tried it with Opera 10 (build 1750) on Windows and it works like a charm (!?)

    • Mario Estrada's picture

      Mario Estrada

      Reply

      on latest baddest Opera 10

    • Anonymous's picture

      Anonymous

      Reply

       

      .

  16. Mario Estrada's picture

    Mario Estrada

    Reply

    on latest baddest Opera 10

  17. Corey Trager's picture

    Corey Trager

    Reply

    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?

  18. Christopher Vigliotti's picture

    Christopher Vigliotti

    Reply

    Looks great!