ASPxHtmlEditor™ Suite

HTML Code Editing

The ASPxHtmlEditor control supports HTML input. You don't have to choose which input method to use, because the control provides automatic two-way synchronization between the visual editor and HTML code. End-users can switch to the code view and edit documents by manually controlling every tag and attribute. This allows them to use even those tags that aren't currently supported by the visual editor. At any time, they can switch back and forth to use the view that best suits their current editing requirements. Once editing has been completed, you instantly obtain HTML code to be published online.

Help Topic: Using HTML View

Flexible Toolbar Customization

With the ASPxHtmlEditor, you are free to customize toolbar content as your needs dictate. You can use default toolbars, providing essential content editing tools as templates, tweak them as necessary or even create custom toolbars and populate them with standard or custom items - everything is possible. In addition, you can make toolbar items context-sensitive and dynamically control their availability, in response to selection changes.

Demo: Custom Toolbars | Video: How to Create a Custom Toolbar with Buttons in ASPxHtmlEditor | Help Topic: Toolbars | Help Topic: Toolbar Items

Table Support

The editor provides an extensive set of commands, allowing end-users to create, customize, and delete tables and their elements via built-in dialogs or context menus. Advanced cell operations including appearance customization, cell merging and splitting are also supported.

Demo: Tables | Help Topic: Table Dialogs

Built-in Image and Document Selectors

This Explorer-like tools greatly simplifies the manner in which end-users insert images and documents. The Select Image and Select Document dialogs allow end-users to manage content images and hyperlinks via a point-and-click UI, rather than typing URLs manually.

Thanks to the ASPxFileManager control integrated into the Select Image and Select Document dialogs, all file/folder management, access control, and upload capabilities are easy to use and available for you out-of-the-box.

Demo: Document Selector | Demo: Image Selector | Help Topic: Link Dialogs | Help Topic: Image Dialogs

Built-in Spell Checking

The editor provides end-users with built-in spell-checking capabilities (available via the ASPxSpellChecker control shipped with the ASPxHtmlEditor). To get started, all you need to do is to link an ISpell or OpenOffice dictionary, and specify culture and grammar settings.

Demo: Spell Checking | Video: ASP.NET HTML Editor - Customization and SpellCheck | Help Topic: Spell Checking

Custom Dialogs

The ASPxHtmlEditor offers you the capability to easily create custom dialogs and invoke them via toolbar items. You can provide any form for your dialog, customize its appearance and implement user-interaction logic via event handlers.

Demo: Custom Dialogs | Help Topic: Custom Dialogs

Safe Markup Generation

With ASPxHtmlEditor, you do not need to worry about the safety and validity of the HTML markup being entered. The editor automatically performs validation and is able to remove all potentially harmful code such as unknown tags and attributes, script elements, client-side event handlers and URLs with script content. The resulting HTML code is always kept safe, valid, and compliant with the XHTML 1.0 Transitional specification. Moreover, ASPxHtmlEditor allows you to provide custom validation logic.

Help Topic: HTML Validation

Validation Support

In addition to HTML markup validation, you can enable powerful content validation, which can be performed both on the client and server. With easy-to-use API, you can adjust validation settings, customize the appearance of validation errors and provide custom validation logic.

Demo: Validation | Help Topic: Content Validation | Help Topic: HTML Validation

Customizable Context Menu

Switching a single option, you can replace a browser's context menu (displayed by default for the ASPxHtmlEditor) with powerful built-in context menus that provide end-users with rich text editing options. Options include: clipboard operations and a number of context-specific operations (such as Modify Table, Change Image, etc.)

Demo: Context Menu | Help Topic: Context Menu

Customizable Keyboard Shortcuts

The ASPxHtmlEditor provides a fully customizable collection of shortcuts. You can remap or disable default shortcuts and bind keys to any editor command. The ASPxHtmlEditor provides a design-time collection editor to simplify shortcut customization.

Help Topic: Keyboard Shortcuts

Pasting from Microsoft Word

The HTML output produced by Microsoft Word is pretty lengthy. It contains lots of attributes that aren't really required to produce the same document view. When you needed to copy text from Microsoft Word to the ASPxHtmlEditor, all those unnecessary attributes were copied. Our HTML Editor control allows you to automatically eliminate these extra attributes and obtain cleaner and more compact HTML code.

Help Topic: Paste from Word Dialog

Import and Export

With ASPxHtmlEditor, you can import and export editor contents from/to various document formats including:

• Rich Text (.rtf)
• Office Open XML (.docx)
• MIME HTML (.mht)
• Open Document (.odt)
• Plain Text (.txt)
• Portable Document (.pdf). Available for export only.

Demo: Import/Export | Help Topic: Import and Export

Rich Client-Side Functionality

A comprehensive client-side API is available for our controls. This functionality, which is then coupled with the ability to handle a rich set of client events allows you to have full control over the control's behavior on the client side.

Demo: Client-Side Commands | Demo: Client-Side Selection | Help Topic: Using Client-Side API

Appearance Customization and Styling

In addition to a number of built-in themes, you can use style properties and CSS for appearance customization. Templates that are available for most control elements, enable you to easily adjust and enhance a control layout.

Help Topic: Appearance Customization