CKEditor running in Flex and AIR

CKEditor is the new version of FCKEditor. Following up on my FCKEditor post, I’ve got CKEditor up and running in both flex and air now.

screenshot

Download the library + demo’s at http://blog.aboutme.be/wp-content/uploads/ckeditor_flex_air/ckeditor_flex_air.zip

Again, some release notes (same as FCKEditor actually :-)):

When you extract the zip file, you will find an swc file, an assets folder and de demos folder. If you want to use CKEditor in your own Flex or AIR projects, add the swc to your library path, and the assets folder to your src folder (just like the demo projects).

When you use the component in a Flex project, you need to ensure you set the wmode property to ‘opaque’. Also, if you run it on your local filesystem with Internet Explorer, you won’t see the component. It works fine if you run it on a webserver.

26 Responses to “CKEditor running in Flex and AIR”


  • How do you change the size of the editor. I have it displaying, but the right edge and bottom edge are cutoff. I have looked around at various files but have yet to find the correct one.

  • can you help me ?? please . when I tried to add the swc to my library path in my project show this message ….
    ArgumentError: Error #1063: Argument count mismatch on mx.core::CrossDomainRSLItem(). Expected 5, got 6.
    at mx.managers::SystemManager/http://www.adobe.com/2006/flex/mx/internal::initialize()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\managers\SystemManager.as:1825]
    at mx.managers::SystemManager/initHandler()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\managers\SystemManager.as:2904]
    I don’t understand why, this error isn’t my code

  • I have my project in framework 3.2 :D can you run in this framework please !!! or can you provide me your source?? plz !!!

  • I get you demo for flex.But I can not running it!
    The result is “null”.

  • Do you use eclipse? It runs on eclipse

  • Is there something wrong with the zip file? When ever I try to open it up, it’s showing duplicate files for folders that are corrupted? Not sure if that’s correct, but it’s like I have to extract each file individually.??

  • I got “null” too…
    anyone can help ?

  • Hi, thank you!! It runs on Firefox and Chrome well, but not on IE.
    Hope I can have your source code thank you very much!

  • hi,
    I have integrate fckeditor into flex its working fine into FF and other browser but in IE not displaying and not given any error please help me its urgent for me.

  • I have used it,but it not displaying in my Flex project,please tell me why? can you help me? please E_mail to me! thanks thanks thanks 。。。。。。

  • Hi thanks for the library. That is exactly what I’m looking for. I have tried it and I’m having a problem. I’m getting this error in the debugger of flash builder.
    5/2/2010 23:52:47.432 [DEBUG] com.plus.arutherford.ccgi.IFrame show iframe id ck0
    5/2/2010 23:52:47.432 [DEBUG] com.plus.arutherford.ccgi.IFrame loadIndicatorClass is null
    5/2/2010 23:52:47.432 [DEBUG] com.plus.arutherford.ccgi.IFrame show iframe id ck0
    5/2/2010 23:52:47.447 [DEBUG] com.plus.arutherford.ccgi.IFrame load Iframe id ck0
    5/2/2010 23:52:47.463 [DEBUG] com.plus.arutherford.ccgi.IFrame hide iframe id ck0
    5/2/2010 23:52:47.463 [DEBUG] com.plus.arutherford.ccgi.IFrame show iframe id ck0
    5/2/2010 23:52:47.463 [DEBUG] com.plus.arutherford.ccgi.IFrame Warning: attempt to call function ckEditorSetHeight on iframe ck0 may fail due to cross-domain security.
    5/2/2010 23:52:47.525 [DEBUG] com.plus.arutherford.ccgi.IFrame move iframe id ck0

  • How do you change the size of the editor. I have it displaying, but the right edge and bottom edge are cutoff. I have looked around at various files but have yet to find the correct one.
    Can you help me?
    thanks

  • I need to remove some menu options from the top. Is there a way to do that without the source code? If not can I get the source code for this project?

    Thanks

  • Hi,

    Can we access the CKEDITOR.instances.editor1? From the wrapper class? so that we can do some manipulations in Flex if needed.

    Basically i want to access the selected text here?

    Thanks

  • Hi,
    I used your demo,but it run in ie8 that shown nothing,can you help me,please!cotact with me, thanks.

  • This is the problem with black boxes. They are poorly implemented, documented and you never hear from the developer again. Crap-in-crap-out.

    Why contribute something in a black box if it doesn’t work. It doesn’t work in IE and you failed to expose the editor name so it can be replaced, toolbar changed etc.

    This is useless unless you expect to never change a thing and your user will only use Fire Fox as their browser.

  • hello I am a user from China this component does not support Chinese
    I can not put a Chinese word in it,is there a solution for it ?
    a other question what ‘xmlns:ck=”be.happybanana.ckeditor.*”‘ for use?
    thanks a lot!

  • I got “null” too…
    anyone can help ?

  • Great integration it works thenks. It is possible to integrate CKFinder into CKEditor??
    I think it is possibele, I tried it, but it not work. I think, there some path values to change. Can you tell us wich one? Thanks in advance.
    martin

  • Hi Wouter,

    I tried to add it in my application but I don’t see the editor.
    I tried to import your demo but it doesn’t seems to work with Flex 4.0 or even 4.5 ?

    Any help would be really welcome…

    Thanks in advance,
    Yannick

  • Hi all.I want to use more ck editor in my project.there is a button labelled “Create Mroe” in my project.when i click on it.It adds ck editor as i click.but those ck editors do not go under scroller container(flex4).It displays only on the browser.how to solve it.Please help me.Its urgent.Thanks in advance.

  • Great solution to an old issue with the out-of-the-box Flex WYSIWYG editor.

    One issue I am having is getting the control to disappear when used within a view stack. Setting the visible property seems to do nothing. Looks like it is not wired to the iframe visible property.

    Any possibility of making the source code available?

    thanks,
    Darren

  • Seems to load ok in Flex 4.5.1. However, the layout alignment and size are messed up in Firefox 6. Appear zoomed big.

    I don’t see this issue in Safari and Chrome on my Mac.

    I tried upgrading CKeditor to the latest version, but it didn’t help fix the layout issue.

    Any further work in this to make it compatible with Flex 4.5+ with Firefox? Haven’t tried it on PC w/IE yet.

    Thanks,
    Don

  • hi. i want to know the reason why it can not work well in internate explorer unless it deploy in webserver. i have deploy my application in tomcat server,this issue is still

  • Wouter, I tried to use your library in FB 4.5.1 and I’m getting this message. Because of that the design view is not working properly and it’s not possible to set properties by using property panel

    The XML version of design.xml and the expected XML version do not match.
    Some Design Mode features will not be available for components defined within the SWC
    Expected XML version : 2
    Actual XML version: Unknown

  • Is it possible to adjust the toolbar to not have certain items in it?

Leave a Reply