How do i increase the height of wysiwyg CKEditor ?

Question

Hello,

i was able to manage on expanding the width of the wysiwyg editor by changing css file.

but with height, no luck. eventhough i have changed rows parameter at qa-wysiwyg-editor.php

was there that i missed?

Thanks.

Answer 1

Changing width and height is not possible by direclty edit css for CK Editor. You need to set with it's configuration javascript.

If you are using Snow theme than on line #30 find below function

 

function head_script() // change style of WYSIWYG editor to match theme better

{

qa_html_theme_base::head_script();

 

$this->output(

'<SCRIPT TYPE="text/javascript"><!--',

'if (qa_wysiwyg_editor_config)',

'qa_wysiwyg_editor_config.skin="kama";',

'//--></SCRIPT>'

);

}

 

now replace with below and set height and width whatever you want.

Note: if you dont want to set width than you can remove that line

 

function head_script() // change style of WYSIWYG editor to match theme better

{

qa_html_theme_base::head_script();

 

$this->output(

'<SCRIPT TYPE="text/javascript"><!--',

'if (qa_wysiwyg_editor_config)',

'qa_wysiwyg_editor_config.skin="kama";',

'qa_wysiwyg_editor_config.height=100', // chang to your height

'qa_wysiwyg_editor_config.width=400', // change to your width

'//--></SCRIPT>'

);

}

 

If you are not using Snow theme than add this entire function in your theme file.

Comments

Hi  pixelngrain,
I used GreenTheme  by Rafael Mastaleru and WYSIWYG Editor 1.1

---

You mean classic? can you please post your site url? however it is not so required. You just need to add above code into your qa-theme.php file and it should work.

---

Hello,
I've been doing it on my localhost, sorry i cannot post the site's url.
Tried the above code and still didn't work.

---

Need to check your theme file. of place some code here

---

Thanks. this worked out for me.