Cute Editor for ASP

Toolbar Overview

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
Default Enables the buttons in the ~/CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/Default.config file
Full Enables the buttons in the ~/CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/Full.config file
Full_noform Enables the buttons in the ~/CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/Full_noform.config file
Compact Enables the buttons in the ~/CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/Compact.config file
Minimal Enables the buttons in the ~/CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/Minimal.config file
Simple Enables the buttons in the ~/CuteSoft_Client/CuteEditor/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>
<contextmenu>
   <item name="Editing" value="False" />
   <item name="Format" value="False" />
<!-- further contextmenusconfiguration settings... -->
  </contextmenu>
  <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 Editor.DisableItemList string. Example DisableItemList="Save, Bold, Delete"

6. Create/Add your own custom button dynamically.

 

 


Toolbar Configuration Reference:

Menu/Button Function Description Template Item
 Save Saves the active content in the editor's content area Save
 Print Prints the current page. Print
 Preview Preview the current page. Preview
 Find and replace Finds and allows replacements of text in the editor's content area. Find
 Full-Screen Edit in full screen mode, maximizing your available space. ToFullPage
FromFullPage
 Code Cleaner Clean up all "garbage" HTML-tags. CleanCode
 Spell Launch the spell checker. netspell
Cut Performs normal function of cutting. Cut
Copy Copies the current selection and stores it in the clipboard. Copy
Paste Inserts content from the clipboard into the editor at the selected position. Paste
 Paste Plain Text Pastes plain text (no formatting) into the editor. PasteText
 Paste from word Paste the content copied form the Microsoft Word and removes any web-unfriendly tags. PasteWord
 Paste as HTML The content will be inserted into Cute Editor as HTML source. PasteAsHTML
Delete Delete the current selection. Delete
Undo Undo the last operation in the editor. Undo
Redo Redo the last operation in the editor. Redo
 Break Insert a line break. Break
 Paragraph Insert a paragraph InsertParagraph
 Insert Page Break Insert a print page break InsertPageBreak
  Insert the current date Insert the current date. The date format used is the date format configured on the clients machine. InsertDate
  Insert the current time Insert the current time. The time format used is the time format configured on the clients machine. InsertTime
Visible Borders Make table borders visible, which can make editing easier. ToggleBorder
Special Chars Insert a special character from a predefined list. InsertChars
Insert Emotion Insert an emotion image at the selected position in the editor. InsertEmotion
 Universal Keyboard Universal Online Keyboard. UniversalKeyboard
 insert a layer Allows you to insert a layer (absolutely-positioned div). InsertLayer
 GroupBox Allows you to a group box (FieldSet) at the selected position in the editor. InsertFieldSet
 Insert Image Inserts a local image from the image gallery folder; thumbnail images are dynamically created and supports uploading of new images. ImageGalleryByBrowsing
 Insert Image Inserts an image at the selected position in the editor and allows you to set it's properties. InsertImage
 Insert Flash Inserts a Flash Animation at the selected position and allows you to set it's properties. InsertFlash
 Insert Media Inserts a Windows Media object at the selected position and allows you to set it's properties. InsertMedia
 Insert Document Inserts a link to a document on the server (PDF,DOC, ZIP,etc.) at the selected position . InsertDocument
 Insert Template Load the predefined templates into the current selection. InsertTemplate
Insert Table Inserts a table into your web page. Table
Insert Rows Inserts a row above the selected row in a table. InsertRowTop
 Insert Row Below Inserts a row below the selected row in a table. InsertRowBottom
Delete Rows Deletes the selected row in a table. DeleteRow
 Insert Column to the Left Inserts a column to the left of the selected cell in a table. InsertColumnLeft
 Insert Column to the Right Inserts a column to the right of the selected cell in a table. InsertColumnRight
Delete columns Deletes the selected column in a table. DeleteColumn
Insert cells Insert cells into the selected row in a table. InsertCell
Delete cells Deletes the selected cell in a table. DeleteCell
  Row properties Edit row properties of a table. EditRow
  Cell properties Edit cell properties of a table. EditCell
 Merge right Merges the current cell with the cell to its right. MergeRight
 Merge below Merges the current cell with the cell below it. MergeBottom
 Horizontal split Splits a cell into columns. HorSplitCell
 Vertical split Splits a cell into rows. VerSplitCell
 Form Inserts a form at the selected position. InsertForm
 TextArea Inserts a textarea at the selected position. InsertTextBox
 Input Text Box Inserts an input text box at the selected position. InsertInputText
 Password field Inserts a password field at the selected position. InsertInputPassword
 Hidden field Inserts a hidden field at the selected position. InsertInputhidden
 ListBox Inserts a list box at the selected position. InsertListBox
 Dropdown Box Inserts a dropdown box at the selected position. InsertDropDown
 Radio Button Inserts a radio button at the selected position. InsertRadioBox
 Checkbox Inserts a checkbox at the selected position. InsertCheckBox
 Image Button Inserts an image button at the selected position. InsertInputImage
 Submit Button Inserts a submit button at the selected position. InsertInputSubmit
 Reset Button Inserts a reset button at the selected position. InsertInputReset
 Input Button Inserts an input button at the selected position. InsertInputButton
 Direction left to right Direction of text is left to right. BlockDirLTR
 Direction right to left Direction of text is right to left. BlockDirRTL
 Box Formatting Box Formatting. BoxFormatting
Bold Bolds the selected text. Bold
Italicize Italicizes the selected text. Italic
Underline Underlines the selected text. Underline
Left Justify Aligns the selected content to the left. JustifyLeft
Center Centers the selected content. JustifyCenter
Right Justify Aligns the selected content to the right JustifyRight
  Justify Full Justify Full. JustifyFull
  Justify None Justify None. JustifyNone
Remove Format Removes formatting from the selected text. RemoveFormat
Font Color Changes the color of the selected text to desired color. ForeColor
Highlight Highlights the selected text. BackColor
Ordered List Inserts an ordered list. InsertOrderedList
Unordered List Inserts an unordered list. InsertUnorderedList
Indent Indents the selected content. Indent
Outdent Outdents the selected content. Outdent
Subscript Changes the selected text to subscript. Subscript
Superscript Changes the selected text to superscript. Superscript
Strike Through Strikes through the selected text. Strikethrough
 Upper Case Converts the selected text to upper case lettering. Ucase
 Lower Case Converts the selected text to lower case lettering. Lcase
Insert Rule Inserts a horizontal rule at the selected position in the editor. InsertHorizontalRule
Insert Link Adds a link to the text on your page. InsertLink
  Add image map Adds an image map. ImageMap
Remove Link Removes the hyperlink from the selected content. Unlink
Insert Anchor Adds an anchor to the text on your page. InsertAnchor
Select All Select all content. SelectAll
  Select None Select no content. SelectNone
Absolute Position Fly text, pictures, tables... allows you to position any element anywhere on your page. AbsolutePosition
Bring Forward Brings an item one position forward at a time.  BringForward
Send Backward Sends an item one position backwards at a time.  BringBackward
 Toggle Border Toggles the visibility of borders. ToggleBorder
 Page Properties Allows you modify the page properties. DocumentPropertyPage
  Help Returns a help Toolbar Button. The help page URL is set by the HelpUrl Property. Help
  Cass drop-down menu changes the CSS class of the selected text. CssClass
Inline Style drop-down menu changes the CSS style of the selected text. CssStyle
Paragraph drop-down menu changes the paragraph style of the selected text. FormatBlock
Font drop-down menu sets the font face. If a selection is active, the font formatting will be applied to it. FontName
Size drop-down menu sets the font size. If a selection is active, the font size formatting will be applied to it. FontSize
Inserts predefined links in the current selection. LinkTree
Insert predefined HTML code snippets in the current selection. Codes
    Inserts predefined images in the current selection. Images
   Zoom drop-down menu allows selection of zoom-factor to your workspace. Zoom