Strut2 JQuery TinyMCE

[Harjeet Parmar]

Hi all. I am using jquery to display TinyMCE in my Struts2 application. It works well. Now that I am trying to add some javascript to my implementation of a textarea which renders TinyMCE, I find that the 'onclick', 'onselect', 'onkeyup' does not work properly.

To be more specific: I am using an HTML 'select' element to display a set of options to the user. They can select one of these options, click another HTML element 'button' and copy what they selected from the HTML 'select' element into the TinyMCE-enabled 'textarea'. However, the user must set the cursor position in the 'textarea' before they can copy from the 'select' element. I am using javascript to capture the cursor position in the textarea to enable the user to copy from the select element. Here is the javascript:

<script type="text/javascript"> function storeCaret(textEl) { alert('storeCaret: Hi.'); textEl.caretPos = document.selection.createRange().duplicate(); } function insertAtCaret(textEl, text) { alert('insertAtCaret: Hi.'); if(textEl.createTextRange && textEl.caretPos) { alert('insertAtCaret: if block.'); textEl.caretPos.text = " ## " + document.getElementById('dataColumns').value + " ## "; textEl.focus(); } else { alert('insertAtCaret: else block.'); alert('Please set the position in your template for insert.'); } } </script>
When I implement this as plain HTML, it works fine. However, when I use this in conjunction with the jquery implementation of TinyMCE in Struts2, the call to 'onclick=storeCaret(this)', 'onselect=storeCaret(this)', 'onkeyup=storeCaret(this)' does not work.

Here is my Struts 2 JSP implementation:

                                               <sjr:tinymce 
                                                        id="LetterTemplateName" 
                                                        name="fheoTemplate" 
                                                        editorLocal="en" 
                                                        editorTheme="advanced" 
                                                        editorSkin="o2k7" 
                                                        toolbarAlign="left" 
                                                        toolbarLocation="top" 
                                                        ... 
                                                        ONCLICK="storeCaret(this)" 
                                                        ONSELECT="storeCaret(this)" 
                                                        ONKEYUP="storeCaret(this)"/>

Could someone please advise regarding this issue: why the call to 'storeCaret()' is not being made?

Thanks in advance.