how to change textarea size? config.js doesn't work…

Could you tell me how to change textarea size? config.js doesn't work…

At first, I'm sorry about my bad English.

I was just setting “ckeditor +kcfinder” in my rental server yesterday.
and I'd like to change textarea size from 100%width to 1000px and from ?rows height to 700px.(I can't sure how big height is.)

After I read this support page and another japanese advices,I noted these words bellow.

■<config.js>

CKEDITOR.editorConfig = function( config )
{
config.width = '1000px';
config.height = '700px';
};

■and also <html>

<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
<script type="text/javascript"> var editor = CKEDITOR.replace( 'editor1' ); </script>
<script type="text/javascript" src="./ckeditor/config.js"></script>
<script type="text/javascript"> CKEDITOR.replace( 'editor1', {
width :1000
height: 700
}); </script>

■<my textarea>

<textarea class="ckeditor" id="editor1" name="editor1"></textarea>

BUT these didn't works any more.
Text area is still 100%width&?rows(it maybe 300px height or so).

How can I change textarea size?

please tell me this solution.

thanks.

p.s.
I can resize freely textarea with mouse.
But I'd like to set textarea my own size for default.

Tue, 08/30/2011 - 08:17

codewaggle

Joined: 29/06/2011

Posts: 44

Re: how to change textarea size? config.js doesn't work…

Hi,

Try changing your HTML. Only use these lines and notice I added a comma after " width :1000 ".
Now it is " width :1000, "

<html>
<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
<script type="text/javascript"> CKEDITOR.replace( 'editor1', {
width :1000,
height: 700
}); </script>

Remove these lines:
// <script type="text/javascript"> var editor = CKEDITOR.replace( 'editor1' ); </script>
// <script type="text/javascript" src="./ckeditor/config.js"></script>

Good Luck,
Joe

Tue, 08/30/2011 - 11:48

pandas

Joined: 29/08/2011

Posts: 2

Re: how to change textarea size? config.js doesn't work…

I appreciate your advice,joe(codewaggle)!

But before I read your comment,I had already solved the problem In the last hour.

The solution is below.

anyway, I had given up that nobody would reply to me.
so I extremely thank you.

If I get another trouble and couldn't change editor size, I'll try your solution.

* * * * * * * * * * * *

At last I solved that ploblem by myself.

I think because I changed & saved “character set” of config.js by web ftp service on server directly.

delete all files from server and upload all the same files again.

then,
Config.js was working!
I could change editor size.

Thank you all.

p.s.
I removed
<script type="text/javascript"> CKEDITOR.replace( 'editor1', {
width :1000
height: 700
}); </script>
.

now
<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>
<script type="text/javascript"> var editor = CKEDITOR.replace( 'editor1' ); </script>
<script type="text/javascript" src="./ckeditor/config.js"></script>

Tue, 08/30/2011 - 17:43

codewaggle

Joined: 29/06/2011

Posts: 44

Re: how to change textarea size? config.js doesn't work…

Glad to hear that you got it working,

You could try removing the call to:
<script type="text/javascript" src="./ckeditor/config.js"></script>

It should be called automatically by:
<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>

I think you're loading it twice.

You might want to load a custom configuration file, for instance if you use the editor for multiple fields throughout your site and need to use different settings based on where CKEditor is being used. To load a custom configuration file, you would put that config setting in the call to CKEDITOR.replace. Like this:

CKEDITOR.replace( 'editor1',
{
customConfig : '/custom/ckeditor_config.js'
});

You can use whatever name you want for the custom config file.

Be Well,
Joe

Sat, 09/03/2011 - 05:47

jzjavez

Joined: 03/09/2011

Posts: 5

Re: how to change textarea size? config.js doesn't work…

hi guys i am in the development of web pages and i am new to that work i want how to do a roll over menu by css. could any one tell me that how to do that and send me the code also

Sat, 09/03/2011 - 23:16

codewaggle

Joined: 29/06/2011

Posts: 44

Re: how to change textarea size? config.js doesn't work…

Hi jzjavez,

You're asking your question in the wrong place. This forum is hosted by the developers of the CKEditor application and is for discussions about CKEditor.

A better place to try would be:
http://stackoverflow.com

They have over 2,000,000 questions and answers about all kinds of programming including front end web development (HTML, CSS and JavaScript). You might try doing a search for "[css] rollover menu"
or you can say no javascript if that's what you want: "[css] rollover menu -javascript".

To increase the chance that someone will be helpful, you should try coding the rollover first, then if you have problems, you can post the code that isn't working and ask for help. You are more likely to receive help if people can see that you have made an effort to learn how to do it rather than asking that someone just send you the code.

There are free tutorials available, you could do a search on google for "css rollover menu tutorial", there are about 1,000,000 results. They have some easy to understand step by step instructions. If the first tutorial you try isn't very clear, just go to another one, they are written in many different styles and you'll likely come across one that is a good match for your learning style. You can take the code from a tutorial and modify it to make the rollover that you want.

I'm suggesting this approach because I use it myself, I've learned a bunch skills by playing with sample code from tutorials and such. If I can't get it working, I usually learn enough to ask specific questions in a forum like http://stackoverflow.com .

Welcome to Web Development, I wish you well.
Joe