Editor for ASP.NET AJAX

Home/Developer Productivity/Products/ASP.NET AJAX Controls/Editor

Overview

RadEditor is not simply an HTML Editor. It is what Microsoft chose to use in MSDN, CodePlex, TechNet, MCMS and even as an alternative to the default editor in SharePoint. Whether you need a mere Textbox with Google-like spellchecker, or a Word-like content authoring environment, the result is the same: clean XHTML output, fast rendering, widest cross-browser support, and tons of features. What is more, important enhancements make it the first accessible rich text web editor on the market, offering accessibility support for its sight-impaired users.

See Demos Download Trial

Features

Out-of-the-box XHTML-enabled Output

The Telerik ASP.NET AJAX Editor control outputs XHTML-compliant content across all major browsers. It also provides real-time XHTML validation by sending HTML content for validation to the W3C service, and returning a compliancy report right within the editor interface. The integrated validation module is also available as a validation dialog.

Top
Unmatched Loading Speed and Performance

The Telerik Editor control for ASP.NET AJAX puts an end to the “functionality vs speed” trade-off. The unique “load as needed” processes will only load the code on client browsers for the features that are being used. This minimalist script size results in tremendously swifter page loading. In addition, the editor’s CSS Sprites-based semantic rendering leads to even more optimized loading speed and customization through simple CSS.

Top
Industry-best Cross-browser Support

Following a long tradition of industry best cross-browser support, RadEditor continues to offer even better level of quality and compatibility. The component supports all major browsers, including Opera and Safari for Mac, which makes it the richest text editor with the widest cross-browser support on the market. In addition, the editor produces identical content in MS Internet Explorer and Mozilla.
Top
Single-file, Drag-and-drop Deployment

RadEditor for ASP.NET AJAX takes full advantage of .NET embedded resources, enabling you to deploy the Editor with a single assembly file.

Top
Microsoft Word-like Spell-checking

The Telerik ASP.NET Editor comes with a full-featured multilingual spell-checker (technically, a separate component called RadSpell). You can choose between a dialog-mode and an inline AJAX spell-checker. You can check your spelling asynchronously and all your mistaken words will be highlighted inline.

See demo

Top
HTML Mode and Code Indentation

Telerik ASP.NET AJAX Editor features an enhanced HTML mode, which displays nicely indented code - easier to read and modify.

Top
Full HTML Edit

RadEditor offers the ability to create and edit full HTML and the Page Properties dialog significantly facilitates the process of creation and formatting of complete html content. See a live demo

Top
Seven Ways for Pasting from Word

Telerik ASP.NET Editor offers a number of features that help the user paste formatted content from Microsoft Word and other applications, and apply different types of format stripping:
1. Strip Word-formatting on paste
2. Strip Word-formatting on paste (cleaning fonts and sizes)
3. Forced format stripping on Paste
4. Word Content in Clipboard Interception
5. Strip Word-formatting after paste
6. Paste plain text
7. Paste as HTML

See demo
Top
Exporting/Importing Data

With RadEditor for ASP.NET AJAX you can easily import data from or export it to RTF files. The export functionality empowers you to customize the appearance of your exported document prior to exporting. Additionally, content generated in RadEditor can be exported to PDF.

Top
Multilevel Undo/Redo with Action Trails

Telerik ASP.NET Editor provides desktop-like usability and control thanks to its multilevel Undo/Redo feature with action trails. It allows past actions to be reviewed and reversed, just like in Microsoft Word.
Top
Highly Intuitive Tools

Integrated FileExplorer control: RadFileExplorer for ASP.NET AJAX is added to the Editor file browser dialogs and completely replaces the proprietary FileLister/FileExplorer control. Telerik FileExplorer features rich and intuitive dialogs for managing Image, Flash, Windows Media, and Documents that include features like file sorting, preview, zoom, create and delete folders, etc. All four dialogs are AJAX-based to load files and folders on demand. This feature greatly improves the editor’s usability and performance, making it the ideal tool for enterprise applications with large file repositories.

See demo

Simplified Inline Tool Declaration: With the Telerik ASP.NET Editor, you can populate tool lists through IntelliSense without manually configuring settings. Now you can conveniently use IntelliSense autocomplete or simply add tools through a property grid in design-time.

Adaptive Buttons: Buttons on Telerik ASP.NET Editor toolbars will change their state in real time to reflect the actual status of the cursor selection (i.e. bold, justified, etc.). Some buttons will be enabled/disabled if a certain action can be performed (or not) with the current cursor selection (e.g. Unlink is enabled only if you have selected a hyperlink, Redo is not available if you haven't undone any action first, etc.)

Toolbar Modes: RadEditor features three types of toolbar modes.
The Floating Toolbar Mode allows toolbars to be dragged and rearranged. In the ShowOnFocus Toolbar Mode the toolbar will only be visible when the focus is on the editor’s content area. When visible, the toolbar does not occupy a large space, but rather overlaps the neighboring page elements. The Multiple Editors with a Single Toolbar (Shared Toolbar) Mode allows the use of a single toolbar for multiple editors, displayed at the top of the page.

See demo

Flexible Table Editing Mechanism: RadEditor implements a flexible and easy to use table editing mechanism. It allows for various effortless operations such as: adding of rows and columns, inserting/merging/splitting cells and set table/cell properties (padding, size, color, etc)

See demo

Top
Extended Functionality through Integrated Controls

The Telerik Editor control is designed to accommodate integrated controls, loaded on demand to deliver optimal loading speed. The editor features a RadSpell tool for superior spell-checking, a RadWindow component for creating dialogs and a RadUpload tool for fast and easy uploading. All of these tools are now integrated in the Telerik ASP.NET Editor control and are also available as separate controls.
Top
Content Filters

Content Filters are code snippets, called in a sequence to process the editor content, when the operation mode (html/design/preview) is changed. Basically, the editor content is supplied to the filter chain and each filter gets a chance to modify it. Developers can easily create their own filters and process the HTML content when needed.

See demo
Top
Auto-resize Height for Greater Usability

Through the new AutoResizeHeight property, the Telerik ASP.NET AJAX Editor allows you to auto-resize the content area for better user experience. If you need a larger content area the editor size can grow as you type, simulating DIV-like effects, while still using the more versatile iFrame technology, which is compatible with all major browsers.

See demo
Top
Modules and Add-ons
Telerik ASP.NET Editor comes with four System Modules. You can even create your own modules and plug them in the editor:
- Tag Inspector - displays the tag hierarchy of the current selection and allows you to add/remove/modify a tag.
- Properties Inspector - gives you quick access to most of the properties of the current tag, eliminating the need to open dialogs.
- Real-time HTML View - similar to the Split mode of Microsoft Office FrontPage - if you make a change in either the WYSIWYG or the HTML window, the other one will be automatically updated. Great fine-tuning tool for advanced users.
- Statistics module - provides word/character count or other content analysis.
See demo

Top
Editor Dialogs
- Insert Link dialog is a light version of Hyperlink Manager and allows you to quickly and easily add reference links to the Editor’s content.
- Insert Image lets you quickly inject images as part of RadEditor’s content. In addition, the Image Editor dialog delivers advanced image processing capabilities like resize, flip, rotate or link thumbnails to the original image
- The StyleBuilder dialog box provides options to define cascading style sheet (CSS) style attributes
- XhtmlValidator dialog uses the W3C XHTML Validator Page to perform validation of the current editor content. The W3C service returns a compliancy report right within the editor dialog.
- TrackChanges – Similar to Microsoft Word, RadEditor for ASP.NET AJAX now offers the convenience of tracking changes made by highlighting them in various colors. Keep track of the modifications you make in the editor, and indulge in a desktop-like experience.
- FormatCodeBlock dialog provides the ability to edit and format code blocks of text whether they be HTML, CSS, JavaScript as well as C# and VB code.
Top
Easy Localization through Resource Files

All labels, buttons, tooltips and error messages are located in resource files, so that the language of the editor can be switched with a single property. You can also add a new language field in a matter of minutes. The default installation is shipped with three languages: English, German, and French.

See demo

Top
Custom Drop-downs

Telerik HTML Editor allows for setting your custom split buttons or drop-downs for inserting any custom type of content (text, images, etc) and ToolStrips - dropdowns that contain a group of tools with related functionality and can be a very convenient means of arranging tools used in the editor.

See demo

Top
Right-to-left Support

RadEditor provides full support for Right-to-Left languages.

See demo

Top
Full-Screen Mode

For better user experience, the Telerik ASP.NET Editor control allows you to maximize your workspace to the full size of the browser window.
Top
Full Keyboard Support

Unlike most rich-text editors, the Telerik ASP.NET Editor is fully keyboard navigable. To take the authoring experience even closer to the usability of desktop applications, RadEditor introduces the ability to assign custom keyboard shortcuts to every tool. Similar to Microsoft Word keyboard shortcuts, you can use arrows/tab to navigate, up/down to expand, and Enter to select a value. These keyboard combinations can be customized and assigned to every tool. The editor’s keyboard support also complies with the accessibility requirements for "Section 508".

Top
Accessibility Support

Telerik has always been interested in supporting the needs of organizations that bridge the accessibility needs of people with disabilities. Following this, Telerik brings forth important accessibility enhancements in ASP.NET AJAX RadEditor. The Accessible Web Editor is a result of Telerik's successful collaborative partnership with Royal National Institute of Blind People (RNIB). RadEditor is a key part of a new Microsoft Office SharePoint Server (MOSS)-based website developed for RNIB that enables better management and sharing of content for blind and partially sighted users. Watch video
Top
Appearance

RadEditor is shipped with a rich set of skins that allow you to easily build slick interfaces with the look-and-feel of Windows Vista, Office 2007, Outlook, etc. The skins can be easily switched using a single property. You can also have multiple editors with different skins on the same page.

Top
VS Plug-in for Testing RadControls

Finally an automated testing tool built for developers. Record cross-browser tests, customize them in code within Visual Studio or convert them to unit tests. What’s more, WebUI Test Studio is the best way to test RadControls for ASP.NET AJAX or Silverlight. The powerful test recorder automatically detects the controls and exposes commonly used verifications. Learn more
Top