CSS Editor script

[XCVIII]

I am working on a hobby project right now that has has 4 separate .css files.

I have set it up so that I can edit the .css files directly online via my site through an online text editor and save the changes.

 

Now I would like to know if there are any editors out there that I could incorporate in my site to allow me to edit the css parameters (font family, size, color etc) via text field/drop down menus instead.

 

Example:

 

Right now I can edit the css code for the sites menu in a text editor that I can access my sites back-end.

 

 

#menu td{

  background-color:#FF00FF;

  font-family: "Tahoma", verdana, helvetica, arial, sans-serif;

  color: #FF00FF;

  font-weight: italic;

  text-align: left;

border-left: 4px solid #00FF00;

border-bottom: 1px solid #00FF00;

border-top: 3px solid #00FF00;

border-right: 1px solid #00FF00;

}

 

#text box{

  background-color:#FF0000;

  font-family: "Arial", verdana, helvetica, arial, sans-serif;

  color: #FF00FF;

  font-weight: bold;

  text-align: left;

border-left: 1px solid #F0FF00;

border-bottom: 1px solid #00FF00;

border-top: 1px solid #00FF00;

border-right: 1px solid #F0FF00;

}

 

 

Are there any html/php/java editor out there that could make it easier for me to edit my css parameters so that I can pick the font family, size for #menu td via a drop down menu and chose the font color for #text box via a color map/picker for example? Or is the only "site editor" for my sites css the one I am using right now (i.e. text editor) ?

 

[phpserver]

Wordpress comes into mind since it has the facility you wish to have.I haven't come across such a script but it should be easy to implement by yourself.

[phpserver]

I forgot to mention tinymce has a css editor and i am sure there exists a jquery plugin that can help you out.Also,Adobe has a GPL/LGPL'ed (whatever) online code editor i have learnt,maybe you check that out too.