EXPORTING AND DELETING BUTTONS:
You should first select the buttons you want to export or delete, using checkboxes next to them.
Then select the action you want to take in the selectbox below the list and press GO.

ADDING BUTTONS:
You can add buttons to an editor by two methods;
1- Manually entering the values for new button fields located at the bottom of the button list.
2- Importing a CSV file that contains previously exported buttons.

BUTTON PROPERTIES
TITLE(required): Title or name of the button. Displayed as a hint on mouse over. A title can be made
translatable by prefixing it with "t:". Ex: t:Bold turns into t('Bold'). In 6.x, if the title starts with "tpl:", the button is considered a theme button. See BUTTON TYPES.
CONTENT: Html or javascript code that is processed when the button is clicked. This can also be
php code that is pre evaluated and return html or javascript code. See BUTTON TYPES.
ICON: Image or text(caption) to display the button.
KEY: Accesskey that is supported by some browsers as a shortcut on web pages. With the right
key combinations users can fire the button's click event. Use Alt+KEY in Internet Explorer, and
Shift+Alt+KEY in Firefox.
WEIGHT: Required for sorting the buttons. Line-up is from the lightest to heaviest.

BUTTON TYPES
There are three types of buttons regarding the CONTENT property;
1- HTML BUTTONS
2- JAVASCRIPT BUTTONS
3- PHP BUTTONS
3- TEHEME BUTTONS(6.x)

HTML BUTTONS
These are used for directly inserting plain text or html into the textarea.
It is possible to use the selected text in the textarea by using the place holder %TEXT%
For example, the button content is "<p>%TEXT%</p>" and it is clicked after selecting the "Hello world!"
text in the textarea. Then the result is "<p>Hello world!</p>" with the selection preserved.
Multiple occurances of %TEXT% is possible and each will be replaced by the selected text.
These type of buttons are useful for simple html tags or other tag systems like BBCode.
Note: if you want to insert some text containing the phrase %TEXT%, use a javascript button.

JAVASCRIPT BUTTONS
The content of a javascript button must begin with a 3 charater text "js:" to be differentiated from a
html button. The remaining code is treated as a javascript code and executed in a function when the
button is clicked. One can use the variable E to access the active editor instance while writing a javascript button. These type of buttons are used for special cases where it is insufficient to just replace the
selected text.
Editor has many ready-to-use methods and variables making it easier to create javascript buttons.
See EDITOR API.

PHP BUTTONS
The content of a php button must begin with "php:". The remaining code is pre evaluated at the server
side and expected to return some code. According to the return value of the php code the real type of
the button is determined. If the php code returns nothing or false, the button is disabled and does not
show up in the editor.
A php button is indeed a html or javascript button. Php execution is for some special purposes. For example,
it is possible to disable or change the content of the button for a specific user role;
Button with content

turns into a javascript button having the returned content for users having "access foo" permission. for others
it is disabled and doesnt show up.

THEME BUTTONS (6.x)
A theme button is a special type of button that just inserts html into editor interface for theming purposes. It can be
used to insert separators, line breaks or any html code in order to achieve the themed editor interface. For a button to
be considered as a theme button it should have a title starting with "tpl:". Having this title, the button is processed to
insert a piece of html code that is included in button content and button icon(or caption). A theme button, regarding its
content, can also be a js or php button at the same time.

In order to determine what the button inserts into the layout;
- first, content is checked and
- if it is javascript code(js:) it is executed and the value that returned is inserted into the layout
- otherwise it is inserted as it is.
- then, icon or caption is checked and inserted as being wrapped in "<span class="separator"></span>".

Here are some examples;

[title: "tpl:", content: "<br />", caption: ""]
Inserts <br />.(line break)

[title: "tpl:", content: "<br />", icon: "separator.png"]
Inserts <br /><span class="separator"><img src="path-to-sparator.png"></span>.

[title: "tpl:", content: "", caption: "|"] OR [title: "tpl:", content: "<span class="separator">|</span>"]
Inserts <span class="separator">|</span>.

[title: "tpl:", content: "js: return new Date()"]
Inserts new date returned from javascript.

You can also create groups of buttons by creating wrappers around them;

[title: "tpl:", content: "<div class="group1">"] (Start wrapping by opening a div)
[...buttons of the group in between(can be both theme buttons and functional buttons)]
[title: "tpl:", content: "</div>"] (End wrapping by closing the div)