cPanel File Editing made EASY

[yahia]

Hi everyone,

If you are one of those who edit the code of their scripts and webpages from within the CPanel file manager and basic text editor, you must be well annoyed by the small size of the box where the text of the file is shown; right?

So I'll show you a great way to make the box almost as wide as the computer screen.
YOU SHOULD BE USING THE OPERA BROWSER FOR THIS (v9+)


Here is a small view of the file manager you access from cpanel:


If you want to edit a file:


And here's what you get:


See that's annoying when it comes to editing some lines of CSS, php or HTML, or anything else. And the absence of syntax highlighting adds to the annoyance as well.
So, how about making that box bigger? Let's do it.

In the source code of any file editing page, you'll find:

<form action="savefile.html" method="POST" name="sform">
<textarea wrap="virtual" name="page" cols="80" rows="40">

That's what we'll use in our CSS small hack.

Create a file somewhere, call it whatever.css, open it with a text editor, and paste this into it:

form[name="sform"] > textarea[name="page"] {width:100%}

Save, close, then head back to your Opera browser, where the file editor is still open in the active tab;

You can type anywhere in Opera the F12 button, and this menu will be shown:

(you can access that by the menu "Tools > Quick prefs".)

In "Edit site preferences" menu, if you have your site's domain in the "Site "field, go to the "Display" tab, and then in "My stylesheet", choose/specify the address of the newly created CSS file, then click OK.

What happens? the text input area of the file editing, become BIGGER


This is a simple css hack. Imagine the applications you can do with this technique on the sites you frequently go to... :naughty:

 

[Bonekhan]

Very nice and simple to use. I wonder if this could be adopted into a Greasemonkey script for Firefox users...

 

[Chris S]

There is actually something you can do for firefox.

1. Close Firefox

2. Go to:

C:\Documents and Settings\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\YOURPROFILENAME\chrome

3. Open:

userContent-example.css

4. Add at the bottom:

form[name="sform"] > textarea[name="page"] {width:100%}

5. Rename File to:

userContent.css

6. Open Firefox and view the file editor. It is now full screen

 

[Spartan Erik]

There is actually something you can do for firefox.

1. Close Firefox

2. Go to:

C:\Documents and Settings\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\YOURPROFILENAME\chrome

3. Open:

userContent-example.css

4. Add at the bottom:

form[name="sform"] > textarea[name="page"] {width:100%}

5. Rename File to:

userContent.css

6. Open Firefox and view the file editor. It is now full screen

Will that only apply to cPanel's file editor and nothing else?

 

[Chris S]

just change the stuff inside the " " of the css

 

[Brandon]

I am using FF for CentOS 4.4, I cant find
C:\Documents and Settings\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\YOURPROFILENAME\chrome any ideas what i am doing wrong.

 

[lambada]

That's a Widows path, go to your firefox install directory and look for profiles\default\chrome

Providing your logged on with the firefox default profile - if you don't know you probably are.

 

[yahia]

You really insist on bringing firefox in this thread don't you guys

 

[Zenax]

Yeah well it has to be made compatiable for all broswers, otherwise it is slightly unfair!

I myself use both IE and FF. After favouring IE for quite a while, I now favour FF, but thats off topic.

I am going to check this out in a bit, after doing some more of StarShine's Website!

Regards,
Zenax

 

[Brandon]

That's a Widows path, go to your firefox install directory and look for profiles\default\chrome

Providing your logged on with the firefox default profile - if you don't know you probably are.

Meh, called Wine for Linux, so I can used Flash 9 and stuff on linux, emulated a windows driver C, i found it hough.

/root/.wine/root_drive/