4 Replies Latest reply on Feb 13, 2012 3:31 PM by strannik

jQuery doesn't work with rich:editor

strannik Feb 7, 2012 6:04 PM

I have issues integrating jQuery into page with rich:editor component.

The following code fragment doesn't work (server-side is not invoked).

<rich:editor />

<a4j:jsFunction name="updateTopics"

action="#{myController.updateTopics()}" />

<rich:jQuery selector="document" query="ready(updateTopics())" />

If I move <rich:editor> after <rich:jQuery> everything works fine.

<a4j:jsFunction name="updateTopics"

action="#{myController.updateTopics()}" />

<rich:jQuery selector="document" query="ready(updateTopics())" />

<rich:editor />

Please advise.

1. Re: jQuery doesn't work with rich:editor

vi_mahe_ka1 Feb 12, 2012 8:27 AM (in response to strannik)

try using onsetup,oninit javascript functions
Actions
2. Re: jQuery doesn't work with rich:editor

strannik Feb 12, 2012 8:54 AM (in response to vi_mahe_ka1)

What do you mean, Mahesh? Can you post the full sample?
Actions
3. Re: jQuery doesn't work with rich:editor

vi_mahe_ka1 Feb 13, 2012 9:51 AM (in response to strannik)

i used following script to read editor content and do some opertaions on it.
xhtml code:
<rich:editor onsetup="setup(this);" />

js code:
function setup(ed){
ed.onKeyUp.add(
function (ed, evt) {
document.getElementById('deslen').value = tinyMCE.activeEditor.getContent().length;
if(tinyMCE.activeEditor.getContent().length > 4000){
tinyMCE.activeEditor.setContent(tinyMCE.activeEditor.getContent().substring(0,4000));
}
}
);
};

you may refer https://community.jboss.org/thread/194857 for some more information.
Actions
4. Re: jQuery doesn't work with rich:editor

strannik Feb 13, 2012 3:31 PM (in response to vi_mahe_ka1)

Hi, Mahesh

Thank you for the answer, but I don't have issues with rich:editor.

My issue relates to the jQuery functionality. If rich:editor resides above the jQuery statements then jQuery doesn't work.
Actions