CssEditor Plugin

By Uzi Landsmann, uzi@landsmanns.com

This plugin is used for editing css elements inside jEdit. The css attributes of the css element are grouped into tabs that represent a group of related css attributes. Inside each tab, you can find one or more groups of closely related attributes, and inside each group you cn find comboboxes that represent the attributes themself.

Using these comboboxes, you can either choose values for the attribute, or edit them yourself. Some comboboxes contain both values and a shortcut for a popup screen that helps you choose a value for your attribute. One such popup screen is a color chooser that allows you to choose a color using a gui. In order to show the popup, choose the color... option in a suitable combobox (e. g. the background-color combobox inside the Background tab). Once you choose your color, it will be parsed and entered as the combobox value.


Getting started

In order to start, choose Elements - Add New Element from the Css Editor menu, and name the new element .something (don't forget the point in the beginning). The tab complex will now show up in the plugin, and you will now be able to start editing css attributes in it. Once an attribute has changed, you may see how your element will be affected in the Preview panel at the bottom. Note that you can edit as many elements as you want at the same time, by opening new elements in a similar way.

Once you are happy with your choice of attributes, you may enter them into a css file you might be editing in jEdit. To do that, click on the Add button and the element will appear where your marker is. If an element with the same name allready exists in your file, Css editor will replace it.


Parsing

If you wish css editor to parse an existing element you are currently editing inside your css file in jEdit, place the marker between the element's { and } characters, and choose Parsing - Parse Current Element. Css editor will try to parse the attributes and enter them att the suitable combboxes. You May then edit the element's attributes and press the Add button to replace the old one.


Validation

If you wish to validate your css file, using The W3C css validator, you may do so by choosing Validation - Validate File. Any errors or warnings that your file might contain will be available to you using the error list plugin.


Note

If you want to contribute, reprot bugs, ask questions or just make some remarks, please don't hasitate on doing so in the CssEditor project site at http://csseditor.dev.java.net/