Editor

The component is an online Web based WYSIWYG editor for editing HTML pages. The editor allows to create tables, links, pictures, manage CSS styles, change text color, size, pattern and font, add snippets, custom styles. You can use built-in Media gallery or your custom media gallery in editor to insert any media content. Integration with SpellChecker is possible. Auto localization depending on application culture settings. To use Editor is as simple as a usual TextBox. The control supports ASP.NET AJAX framework.

Editor sends HTML on server after postback. You must set validateRequest=false in your page directive. Otherwise you will get server error.

Full "What You See Is What You Get" (WYSIWYG) editing.
Easy for end-users. If they know WordA, they know Editor.
Complete ASP.NET AJAX support
Cross-browser. Editor fully supports Internet Explorer 6.0 and later. It also supports browsers based on the Mozilla engine, most notable Firefox v1.5 and later.
The control can render Textarea tag for compability with downlevel browsers.
XHTML 1.1 compliance
Full-screen mode. Editor contains a full-screen mode button. When clicked, the editor expands to fill the entire browser window. When clicked again, it returns to its original size. This features makes the best possible use of screen real-estate.
Full toolbar customization - enable all toolbar buttons or hide them using WYSIWYG type editor.
Faded toolbar. The toolbar can hide when focus is out of the control. Also the toolbar shows again when the focus returns to the control.
Return key. You can configure the return key to enter line breaks instead of paragraph breaks using the IsNewLineBr property.
Dynamic menus. In Microsoft WordA, the menu shows what formatting has been applied to the text as the cursor moves around the document. Editor mirrors this functionality, providing an ever-higher level of intuitive interface to end-users.
Apply a external style sheet.
Custom Keyboard Shortcuts - ability to assign custom keyboard shortcuts to every tool. The shortcut mechanism overrides the default shortcuts of the browser, like Ctrl+B, Ctrl+I, Ctrl+U, Ctrl+F, Ctrl+P, to allows the use of combinations for custom purposes. Keyboard support is also a requirement for "Section 508" accessibility compliance.
HTML editing. Disable/enable access to the HTML underlying the document.
Hyperlinks manager helps you to insert kinds of links.
Document statistics - display number of chars, spaces and words.
Read-only mode. Display the content, but prevent editing - a document viewer.
Multi-cultural. The names of all the menus and the names of the buttons can be changed, as can all warning messages. Editor will work in any culture or language.
Spell checking integration. Editor can be easily integrated with third-party spell check products.
Configurable. You can control the toolbars, layout, features, and interface colors.
Client-side onCommand, onChange, onChangeMode, onSpellCheck and onCustomCommand events. This provides full support for server-side events and allow for extended programmatic access to the editor's event model.
Client-side commands allows users to insert, modify, get or set text into editor.
Context menu for quick access to editing commands fot current page element.
Path menu allows users to easily select an hilight document elements as lists, links, forms or table cells with rows.
Validation. Editor works with the standard ASP.NET validation controls, for example the RequiredFieldValidator.
ASP.NET v2.0 support. Editor has been tested with the latest ASP.NET v2.0 betas and has been proven to fully support it.
Lightweight. You do not need plug-ins, Java, or client-side downloads.
Content creation and edition. Easily create and edit images, tables, media and flash components on the document.

Styling and Formatting Options

Paragraph. Specify the HTML paragraph styles available, and their descriptive names.
Strip formatting on Paste. You can configure the editor to remove formatting when the user pastes content into the editor.
Font. A list of fonts the user can select from.
Font size. Specify the allowable font sizes.
Font foreground colors. Specify the font colors that appear, and under what names.
Font highlight colors. Specify the font background colors that appear, and under what names.
Style. A menu of named styles from your CSS. Specify the styles on the menu, and their descriptive names. Ideal for controlling what formatting is used.
Style edit dialog - create your own style for any element.
Snippets list for inserting.

Table Editing

Insert table. Inserts a grid-style table into the document.
Delete table column. Removes a vertical column from a table.
Delete table row. Removes a horizontal row from a table.
Insert table row. Inserts a new horizontal row into a table.
Insert table column. Inserts a new vertical column into a table.
Table property editing. The table properties dialog provides full editing of table properties including the padding, spacing, width, height, and background color.
Table borders. The border on a table can be switched on and off using a simple checkbox in the table properties dialog, making is simple to use tables for layout.
Table cell properties. Using the table properties dialog you can also specify the color, width, height and alignment within individual table cells.
Table column properties dialog.

Content Creation

Insert or modify images on the page.
Adding or editing link on the page.
Symbols. This dialog provides a range of symbols that can be rapidly inserted into the document even if they are not present on the users keyboard.
Virtual universal keyboard for many languages and cultures.
Insert multimedia and flash components.
Insert and modify forms and form elements.
Inserting IFrames into document.
Smiles. Displays a list of emotion icons for use in communication applications like forums and message boards.
Image maps editing.

See Also

Overview: Overview

Client-side API: Editor client-side API

Deployment: Security settings

Editor toolbars and menus: Context menus | Toolbar buttons | Bottom toolbar | Editor modes | Path menu

HowTo: How to create custom gallery