CSS editor frustrating, needs improvements
I am incorporating copyright class definitions for CSS-only cascading menus. It would be nice to set it off the copyrighted block with extra empty lines above and below, but <oXygen/> reduces all separator lines between CLASSES to one line, and all COMMENTS are abutted with NO empty lines between them. The other editors have a Preference to "[ ] Preserve empty lines", but not the CSS editor. It would also be nice to select a block of text and wrap it in comment opening /* and closing */ in one operation. And a fancy shortcut to select an entire class block by inserting cursor in selector/class name and using a key shortcut would be good. Some attributes/properties can take either a numeric unit of measure or a text token, such as "auto". It would be nice if the autocompletion drop-down showed placeholders (perhaps italicized) for allowable units which, when selected, would insert the unit of measure preceded by the cursor ready to type in the value. This would considerably improve the function of the autocompleter as a learning tool for the inexperience like me and perhaps save the odd keystroke, invalid input, etc. For example, ---------------- width: | 99px << this one selected | 99pt | 99pc | 99em | 99mm | 99cm | 99in | auto | inherit etc. which completes the property thus: width: |px; // where | represents the cursor Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. "Hedley Finger" <hfinger@handholding.com.au>
Hello, Hedley Finger wrote:
I am incorporating copyright class definitions for CSS-only cascading menus. It would be nice to set it off the copyrighted block with extra empty lines above and below, but <oXygen/> reduces all separator lines between CLASSES to one line, and all COMMENTS are abutted with NO empty lines between them. The other editors have a Preference to "[ ] Preserve empty lines", but not the CSS editor.
Yes, the XML editor has an option for preserving the empty lines when the content is formatted. We will add this option to the CSS editor too.
It would also be nice to select a block of text and wrap it in comment opening /* and closing */ in one operation. And a fancy shortcut to select an entire class block by inserting cursor in selector/class name and using a key shortcut would be good.
Just select the block of text and press the shortcut key of the action Toggle Comment (by default Ctrl + Shift + Comma) or right click on the selected block of text and select the action Toggle Comment from the popup menu. You can change the shortcut of the action from menu Options -> Shortcut Keys. We will add also an action for selecting the entire class at the position of the cursor.
Some attributes/properties can take either a numeric unit of measure or a text token, such as "auto". It would be nice if the autocompletion drop-down showed placeholders (perhaps italicized) for allowable units which, when selected, would insert the unit of measure preceded by the cursor ready to type in the value. This would considerably improve the function of the autocompleter as a learning tool for the inexperience like me and perhaps save the odd keystroke, invalid input, etc.
For example,
---------------- width: | 99px << this one selected | 99pt | 99pc | 99em | 99mm | 99cm | 99in | auto | inherit etc.
which completes the property thus:
width: |px; // where | represents the cursor
We will consider also offering the allowed units of measure in the auto-completion popup.
Regards, Hedley
Thank you for your suggestions, Sorin
It would be nice, when typing in a class declaration, if the CSS editor completed an empty class body with a } (right brace} on typing the { (left brace), and left the cursor indented on the empty second line, e.g. .aClass { | // This is the indented cursor } OR, if the option were set in Preferences, .aClass { | } Same with comments; typing "/* " (note space) produces an inline comment some text here /* | */ some more text If you typed "/** " on a new line (or if indented, only preceded by whitespace), this would produce a block comment body, /** * | */ It would also be nice, that if you pressed Enter in a block comment, the * (asterisk) were inserted automatically, /** * Some comment text * | */ Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. "Hedley Finger" <hfinger@handholding.com.au>
Hello Hedley, Thank you for your suggestions. We will consider these improvements for the auto-completion of the CSS editor. Regards, Sorin Hedley Finger wrote:
It would be nice, when typing in a class declaration, if the CSS editor completed an empty class body with a } (right brace} on typing the { (left brace), and left the cursor indented on the empty second line, e.g.
.aClass { | // This is the indented cursor }
OR, if the option were set in Preferences,
.aClass { | }
Same with comments; typing "/* " (note space) produces an inline comment
some text here /* | */ some more text
If you typed "/** " on a new line (or if indented, only preceded by whitespace), this would produce a block comment body,
/** * | */
It would also be nice, that if you pressed Enter in a block comment, the * (asterisk) were inserted automatically,
/** * Some comment text * | */
Regards, Hedley
participants (2)
-
Hedley Finger -
Sorin Ristache