I wanted the ability to change the height for multiple CKEditor instances on the page. However, I did not want to have to write additional markup. So... in my external configuration file, I determined that CKEDITOR.editorConfig runs for each CKEditor instance on the page. Therefore it is just a matter of using the element's row value to adjust the height:
40 might be considered an odd value (why not 25? 15? 5?). 40 works for me, and works for situations where JS might be off. YMMV, and you should certainly adjust the number to one that works for you.
My HTML input looks like this:
I don't know if this is the best way to handle this, or the proper way (assuming there is a setting I'm missing), but it works for me in the browsers I need it to work in (FF, Safari), and just thought I'd share.
John
CKEDITOR.editorConfig = function( config ) { config.height = eval(this.element.$.rows*40) + 'px'; };
40 might be considered an odd value (why not 25? 15? 5?). 40 works for me, and works for situations where JS might be off. YMMV, and you should certainly adjust the number to one that works for you.
My HTML input looks like this:
<textarea name="article_excerpt" cols="80" rows="5" class="ckeditor" ></textarea> <textarea name="article_body" cols="80" rows="15" class="ckeditor" ></textarea>
I don't know if this is the best way to handle this, or the proper way (assuming there is a setting I'm missing), but it works for me in the browsers I need it to work in (FF, Safari), and just thought I'd share.
John