Toolbar Overview
Many functions of Cute Editor are accessible via the toolbars, context menus (accessible through a right-click menu in the content area). This section contains reference documentation for all of the toolbars customization.
Most toolbar configuration settings have been moved to XML definitions within
the configuration file (Full.config,Simple.config...). These configurations are
applied using AutoConfigure property. AutoConfigure Enumeration represents
Several predefined sets of buttons.
| Member Name | Description |
|---|---|
| None | Disables all items on the toolbar |
| Full | Enables the buttons in the CuteEditor_Files/Configuration/AutoConfigure/Full.config file |
| Full_noform | Enables the buttons in the CuteEditor_Files/Configuration/AutoConfigure/Full_noform.config file |
| Minimal | Enables the buttons in the CuteEditor_Files/Configuration/AutoConfigure/Minimal.config file |
| Simple | Enables the buttons in the CuteEditor_Files/Configuration/AutoConfigure/Simple.config file |
Each configuration file defines the set of
available tools, their layout, and specific options.
Example:
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<toolbars>
<item type="image" name="Bold" />
<item type="image" name="Italic"/>
<!-- further toolbars configuration settings ... -->
</toolbars>
</configuration>
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<toolbars>
<item type="image" name="Bold" />
<item type="image" name="Italic"/>
<!-- further toolbars configuration settings ... -->
</toolbars>
</configuration>
You can change the layout of the toolbars using
the following methods:
1. Load and Edit the configuration file directly
2. Load the different configuration file dynamically for the different roles/users using $editor->AutoConfigure property
3. Create/load a custom toolbar configuration file
4. Set the template or layout to use for the toolbars dynamically using $editor->TemplateItemList property. Example TemplateItemList = "bold, ilatic, underline"
5. Put the toolbar items needed to be disabled into this DisableItemList string. Example DisableItemList="Save, Bold, Delete"
6. Create/Add your own custom button dynamically
Toobar configuration Reference:
| Menu/Button | Template Item | Example: |
 Save |
Save | <item type="image"name="Save"postback="True"/> |
 Print |
<item type="image"name="Print"/> | |
 Find
and replace |
Find | <item type="image" name="Find" /> |
| Full-Screen |
ToFullPage FromFullPage |
<item type="image" name="ToFullPage" imagename="fit"hotkey="F12" /> <item type="image" name="FromFullPage" imagename="restore"hotkey="F12"/> |
 Code
Cleaner |
CleanCode | <item type="image"name="CleanCode"imagename="cleanup"/> |
 Spell
|
netspell | <item type="netspell"/> |
 Cut |
Cut | <item type="image"name="Cut"/ |
 Copy |
Copy | <item type="image"name="Copy"/> |
 Paste |
Paste | <item type="image" name="Paste" /> |
 Paste
Plain Text |
PasteText | <item type="image"name="PasteText"/> |
 Paste from word |
PasteWord | <item type="image" name="PasteWord" /> |
 Delete |
Delete | <item type="image" name="Delete" /> |
 Undo |
Undo | <item type="image" name="Undo" /> |
 Redo |
Redo | <item type="image"name="Redo"/> |
 Break |
Break | <item type="image" name="Break"/> |
Insert the current date |
InsertDate | <item type="image" name="InsertDate" imagename="insertdate"/> |
 Insert
the current time |
InsertTime | <item type="image" name="InsertTime" imagename="timer"/> |
 Visible
Borders |
ToggleBorder | <item type="image" name="ToggleBorder" imagename="borders"/> |
 Special
Chars |
InsertChars | <item type="image" name="InsertChars" imagename="specialchar"/> |
 Insert
Emotion |
InsertEmotion | <item type="image" name="InsertEmotion" imagename="emotion"/> |
 Text Frame |
InsertText | <item type="image" name="InsertText" imagename="text"/> |
| GroupBox |
InsertFieldSet | <item type="image" name="InsertFieldSet" imagename="groupbox"/> |
 Insert
Image
|
ImageGalleryByBrowsing | <item type="image" name="ImageGalleryByBrowsing" imagename="image" /> |
 Insert
Image
|
InsertImage | <item type="image" name="InsertImage" imagename="eximage"/> |
 Insert
Flash |
InsertFlash | <item type="image" name="InsertFlash" imagename="flash"/> |
 Insert
Media |
InsertMedia | <item type="image" name="InsertMedia" imagename="media"/> |
 Insert
Document |
InsertDocument | <item type="image" name="InsertDocument" imagename="document"/> |
 Insert
Template |
InsertTemplate | <item type="image" name="InsertTemplate" imagename="template"/> |
 Insert
Table |
InsertTable | <item type="table" /> |
 Insert
Rows |
InsertRowTop | <item type="image" name="InsertRowTop" imagename="insrow_t"/> |
 Insert
Row Below |
InsertRowBottom | <item type="image" name="InsertRowBottom" imagename="insrow_b"/> |
 Delete
Rows |
DeleteRow | <item type="image" name="DeleteRow" imagename="delrow"/> |
 Insert
Column to the Left |
InsertColumnLeft | <item type="image"name="InsertColumnLeft"imagename="inscol_l"/> |
 Insert
Column to the Right |
InsertColumnRight | <item type="image" name="InsertColumnRight" imagename="inscol_r" /> |
 Delete
columns |
DeleteColumn | <item type="image" name="DeleteColumn" imagename="delcol"/> |
 Insert
cells |
InsertCell | <item type="image" name="InsertCell" imagename="inscell"/> |
 Delete
cells |
DeleteCell | <item type="image" name="DeleteCell" imagename="delcell"/> |
 Row
properties |
EditRow | <item type="image" name="EditRow" imagename="row"/> |
Cell properties |
EditCell | <item type="image" name="EditCell" imagename="cell"/> |
 Merge
right |
MergeRight | <item type="image" name="MergeRight" imagename="mrgcell_r"/> |
 Merge below |
MergeBottom | <item type="image" name="MergeBottom" imagename="mrgcell_b"/> |
 Horizontal
split
|
HorSplitCell | <item type="image"name="HorSplitCell"imagename="spltcell_r"/> |
 Vertical
split |
VerSplitCell | <item type="image" name="VerSplitCell" imagename="spltcell_b"/> |
 Form |
Form | <item type="image" name="InsertForm" imagename="Form"/> |
 TextArea |
InsertTextBox | <item type="image" name="InsertTextBox" imagename="textarea"/> |
 Input
Text Box |
InsertInputText | <item type="image" name="InsertInputText" imagename="textbox"/> |
 Password
field
|
InsertInputPassword | <item type="image" name="InsertInputPassword" imagename="passwordfield" /> |
 Hidden
field
|
InsertInputhidden | <item type="image" name="InsertInputhidden" imagename="hiddenfield" /> |
 ListBox |
InsertListBox | <item type="image" name="InsertListBox" imagename="listbox"/> |
 Dropdown
Box |
InsertDropDown | <item type="image" name="InsertDropDown" imagename="dropdownbox"/> |
 Radio
Button |
InsertRadioBox | <item type="image" name="InsertRadioBox" imagename="optionbutton"/> |
 Checkbox |
InsertCheckBox | <item type="image"name="InsertCheckBox"imagename="checkbox"/> |
 Image
Button |
InsertInputImage | <item type="image" name="InsertInputImage" imagename="imagebutton"/> |
 Submit
Button |
InsertInputSubmit | <item type="image" name="InsertInputSubmit" imagename="submit" /> |
 Reset
Button |
InsertInputReset | <item type="image"name="InsertInputReset"imagename="Reset"/> |
 Input
Button |
InsertInputButton | <item type="image" name="InsertInputButton" imagename="pushbutton" /> |
 Bold |
Bold | <item type="image"name="Bold"/> |
 Italicize |
Italic | <item type="image" name="Italic" /> |
 Underline |
Underline | <item type="image" name="Underline" imagename="under"/> |
 Left
Justify |
JustifyLeft | <item type="image" name="JustifyLeft" imagename="left"/> |
 Center |
JustifyCenter | <item type="image" name="JustifyCenter" imagename="center"/> |
 Right
Justify |
JustifyRight | <item type="image" name="JustifyRight" imagename="right"/> |
Justify Full |
JustifyFull | <item type="image"name="JustifyFull"/> |
Justify None |
JustifyNone | <item type="image"name="JustifyNone"/> |
 Remove
Format |
RemoveFormat | <item type="image" name="RemoveFormat" imagename="unformat"/> |
 
Font Color |
ForeColor | <item type="ForeColor" /> |
Highlight |
BackColor | <item type="BackColor"/> |
 Ordered
List |
InsertOrderedList | <item type="image"name="InsertOrderedList"imagename="numlist"/> |
 Unordered
List |
InsertUnorderedList | <item type="image" name="InsertUnorderedList" imagename="bullist" /> |
 Indent |
Indent | <item type="image" name="Indent" /> |
 Outdent |
Outdent | <item type="image" name="Outdent" /> |
 Subscript |
Subscript | <item type="image" name="Subscript"/> |
 Superscript |
Superscript | <item type="image" name="Superscript" /> |
 Strike
Through |
Strikethrough | <item type="image" name="StrikeThrough" imagename="strike"/> |
 Upper
Case |
Ucase | <item type="image" name="Ucase" /> |
| Lower
Case |
Lcase | <item type="image" name="Lcase"/> |
 Insert
Rule
|
InsertHorizontalRule | <item type="image" name="InsertHorizontalRule" imagename="rule" /> |
 Insert
Link |
InsertLink | <item type="image" name="InsertLink" imagename="link"/> |
 Remove
Link |
Unlink | <item type="image" name="Unlink" /> |
 Insert
Anchor |
InsertAnchor | <item type="image" name="InsertAnchor" imagename="anchor"/> |
 Select
All |
SelectAll | <item type="image" name="SelectAll" /> |
Select None |
SelectNone | <item type="image" name="SelectNone" /> |
Absolute Position |
AbsolutePosition | <item type="image" name="AbsolutePosition" imagename="abspos"/> |
 Bring
Forward |
BringForward | <item type="image" name="BringForward" imagename="forward"/> |
 Send
Backward |
BringBackward | <item type="image" name="BringBackward" imagename="backward"/> |
| Toggle
Border |
ToggleBorder | <item type="image" name="ToggleBorder" imagename="borders"/> |
 Page
Properties |
DocumentPropertyPage | <item type="image" name="DocumentPropertyPage" imagename="page"/> |
Help |
Help | <item type="image"name="Help"/> |
 |
CssClass | <item type="dropdown"name="CssClass"text="CssClass"command="CssClass"/> |
 |
CssStyle | <item type="dropdown"name="CssStyle"text="CssStyle"command="CssStyle"/> |
 |
FormatBlock | <item type="dropdown"name="FormatBlock"text="Paragraph"command="FormatBlock"/> |
 |
FontName | <item type="dropdown"name="FontName"text="FontName"command="FontName"/> |
 |
FontSize | <item type="dropdown"name="FontSize"text="FontSize"command="FontSize"/> |
 |
Links | <item type="dropdown"name="Links"text="Links"command="InsertLink"/> |
 |
Codes | <item type="dropdown" name="Codes" text="Codes"/> |
 |
Images | <item type="dropdown" name="Images" text="Images"/> |
 |
Zoom | <item type="dropdown" name="Zoom" text="Zoom"width="50"command="Zoom" /> |