The quickbar
Previous Top Next

General

The buttons from left to right are:

graphic

Enclose
Enclose the selected text within brackets.

Configure tools...
Add/Remove tools to the right on this toolbar.

Tools
All tools you want to display on the toolbar ends up here. There are 3 tools on the toolbar above.

Html

The buttons from left to right are:

graphic

Html Tree View
The tree have html tags and some attributes. You can open it with Shift+Ctrl+Space and navigate with the arrow keys. Use <enter> to select or <ctrl> to abort. The selected tag (and attribute) is inserted into the text. Selected text, in the editor, will be enclosed within the tag.

Html shortcuts menu (Quick)
The menu contains some often used html shortcuts.

Html shortcuts menu (Text)
Contains shortcuts to tags that are usually used for short phrases or single words.

Html shortcuts menu (Paragraph)
Contains shortcuts to tags that are usually used with longer texts.

Html shortcuts menu (List)
Contains shortcuts to tags for building lists and a list editor.

Html shortcuts menu (Table)
Contains shortcuts to tags for building tables. A table editor is also available.

Html shortcuts menu (Advanced)
Contains shortcuts to form and frame tags and several dialogs to aid you in creating your forms and frames.

Select a color
Get a color value from a color dialog.

CSS Editor
Editor to create cascading style sheets or just add styles to a tag in a html document.

Lorem Ipsum generator
Can be used to create some nonsense text to test your web page layout.


CSS

graphic

CSS Tree View
The tree have CSS attributes and some values. You can open it with Shift+Ctrl+Space and navigate with the arrow keys. Use <enter> to select or <ctrl> to abort. The selected attribute (and value) is inserted into the text.

Select a color
If you use the drop down list - you can select from some preset colors in the list. If you click the button a color dialog appears.

Fonts
The drop down list have some useful font family names. The button opens a font dialog.

CSS Editor
Open the style editor to add styles to the current document.


Javascript

graphic

Javascript/DOM Tree View
The tree contains the javascript functions and the DOM classes. You can open it with Shift+Ctrl+Space and navigate with the arrow keys. Use <enter> to select or <ctrl> to abort. The selected class or function is inserted into the text.

document.write("")
Just a quick button to insert document.write("") into the document.

ActiveX
Helps you insert an ActiveX component into your html file using the object tag.


PHP

graphic

PHP Tree View
The tree contains PHP functions and constants. You can open it with Shift+Ctrl+Space and navigate with the arrow keys. Use <enter> to select or <ctrl> to abort. The selected constant or function is inserted into the text.

Line comment
Just a quick button to insert line comment into the document.

Comment block
Quick button to insert a comment block. Selected text is enclosed.

PHP braces
Insert PHP braces by clicking on the button or selecting an item from the drop down list. Selected text is enclosed.

Convert to PHP
Selected text is enclosed within a function in the list. A function can be inserted on every selected row.

phpDocumentor
Click on the button to insert a standard documentation block. The items in the list helps you insert the right key words used.


XSLT

graphic

XSLT Tree View
The tree contains elements and functions. You can open it with Shift+Ctrl+Space and navigate with the arrow keys. Use <enter> to select or <ctrl> to abort. The selected element or function is inserted into the text.

value-of
Just a quick button to insert <xsl:value-of select="" /> into the document.

for-each
Quick button to insert <xsl:for-each select=""></xsl:for-each>. Selected text is enclosed.

template
Quick button to insert <xsl:template match=""></xsl:template>. Selected text is enclosed.