CKEditor for RAP

CKEditor for RAP

If you ever need a WYSIWYG editor in your RAP application, look no further.

CKEditor for RAP

I originally implemented this as an example of how JavaScript applications can be embedded in RAP as custom widgets. So if you have a similar scenario, you could also use this project as a template. The editor is fairly customizable, read the README for details. You can get the code on GitHub.

Update: this component is now available in the RAP incubator.

[ Using RAP in an industrial setting? Our technology subscription secures your investment for years to come. | More on RAP from our blog: RAP technology overview ]

  • Thomas
    Posted at 4:38 pm, March 23, 2012

    Hi Tim, I extended an early version of you plugin that supports a ready and dirty event.
    It runs well in both rcp and rap envorinments. Had some javascript trouble with ie though.
    you can find the code at:
    botice that i factored out the resources as I deploy them only on the server side of my application.

    • Thomas
      Posted at 4:33 pm, March 30, 2012

      I saw a more sophisticated “dirty” event plugin for ckeditor somewhere, but I didn’t make it work 🙁
      Let me now if you have more success.

  • Rohit Rai
    Posted at 12:01 pm, April 2, 2012

    Hi Tim, I am trying to use ckeditor as a RAP widget in my application. Its gets displayed properly when I open my application on browser. But I am facing trouble setting up the data (ckEditor.setText( “asdf” );) on the text area. I debugged this and found out that onReady() function of CkEditor is never being called when I am running it from my application but its gets called successfully when Ckeditordemo is run.
    Could you please suggest me what I am doing wrong in my application? do I need to set any initial parameters?

  • Rohit Rai
    Posted at 2:31 pm, April 3, 2012

    Regarding my previous question, I got the answer why the onReady function is not getting called. Actually I am using TabPage widget and in one of the tab I have embed CKeditor. Now if focus the tab which contains the CkEditor then onReady function is getting called else its not. Do you know a way if I can call the onReady function as soon as I am done with my creating of page?
    Thanks in Advance!

  • Ingo Meyer
    Posted at 12:53 pm, June 14, 2012

    Hi tim, thanks a lot for that widget. For our application we heavily use databinding, so I started to try to add an observable for your editor. than one can bind like “CkEditorObservables.observeText( textCkeditor, SWT.FocusOut )”.

    Unfortunately I run into to issues. First, there are no events available from the editor. I read something about an dirty event. What are the plans about this?
    Second, i try to workaround with the FocusOut, but I get no such events or not very precisely. Maybe because of ?

    If I embedd the editor inside a wizard I’m looking for an easy way to pass the input to my datamodel. I don’t want to use something like adding code in the “performFinish” method.
    Any ideas or hints for that?

    Thanks in advance,

    • Thomas
      Posted at 3:28 pm, June 14, 2012

      Look at this one at least shows how to implement a simple dirty event