Just wondering if anyone else has come across this and managed to find a way around it...
I'm trying to create a form, which contains rich text editors, inside a scrollpane.
The problem I'm having is that regardless of whether I place the jscrollpane code before or after the tinymce code, the RTEs are initialising after the scrollbars, and the extra length (top and bottom of the textareas) is pushing the bottom of the form off the bottom of the div, and not allowing me to scroll all the way down.
To make sure the scrollpane script is being run after the tinymce script, i've used the oninit option of tinymce, but i'm still having the same result.
I've tried using autoReinitialise: true on jscrollpane, but when i use this, the rich text editors are then until the reinitialise, and then they disappear.
If no-one can tell me how to solve this, perhaps someone could tell me if they have successfully used tinymce (or similar) with any other custom scrollbars successfully?
The code I have so far is as follows...
<script type="text/javascript">
function applypanes() {
jQuery('.flexcroll').jScrollPane();
};
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('textarea').tinymce({
// Location of TinyMCE script
script_url : 'tiny_mce/tiny_mce.js',
mode : "textareas",
theme : "advanced",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
oninit : "applypanes"
});
});
</script>
Sorry if the explanation has been a mess - it's after 5am here and I've been struggling with this since yesterday evening!
Thanks in advance,
ja