New ASP.NET MVC HTML Editor Extension - v2010 vol 2

ASP.NET Team Blog
04 August 2010

Check out the new ASP.NET MVC HTML Editor Extension coming out in the next DXperience v2010 vol 2 release.

The DevExpress HtmlEditor is a rich-text WYSIWYG HTML editor extension for ASP.NET MVC. Its intuitive user interface enables even inexperienced users to edit HTML page content with ease.

DevExpress ASP.NET MVC HTML Editor

Features

  • HTML code entered into the HtmlEditor's HTML View can be automatically validated and transformed into the XHTML 1.0 Transitional compliant markup. The HtmlEditor exposes several options, allowing you to control which automatic transformations are required.
  • Use the AllowScript, AllowIFrames and AllowFormElements properties to control whether tags and attributes of some predefined types - scripts, IFRAME and form elements - are allowed within the editor's HTML code.
  • The UpdateDeprecatedElements and UpdateBoldItalic properties specify the necessity of replacing deprecated elements with their valid analogs and converting the B and I elements into the STRONG and EM elements, respectively.
  • The EnterMode property allows you to specify the editor's behavior when the ENTER key is pressed by an end-user - you can choose between a paragraph or line break rendering.
  • If the Design View is active within the HtmlEditor, a specific context menu can be displayed for end-users, which is controlled by the editor's AllowContextMenu property.
  • With the AllowHtmlView and AllowPreview properties, the HtmlEditor's functionality can be further customized for your end-users.

 

Custom CSS

The HtmlEditor extension provides the Custom CSS feature that enables your custom format, defined by custom CSS classes, to be exposed to end-users and applied to the content selected within the editor. Using the Custom CSS feature, content logical elements (such as titles, headers, text blocks, etc) can be formatted using individual formatting styles, which are defined by names of the associated CSS class and HTML tag.

Use the CssFiles property to specify CSS files that contain definitions of custom CSS classes. An "Apply CSS" dropdown editor enables you to list available custom CSS styles and make them available to end-users.

The screenshot below shows custom styles that are defined for the content text elements such as the article title, headers, the main content text and image titles. To apply any of the predefined styles to the text selected within the Design View, choose the desired style item within the "Apply CSS" bar item:

DevExpress ASP.NET MVC HTML Editor - Custom CSS

Spell Checking

The HTML Editor extension will feature a built-in spell checker control that can be used within the HtmlEditor's Design View to check the spelling of the editor's content. Spell checking is performed based on the selected dictionary (ISpell and OpenOffice dictionaries are supported), culture and grammar.

DevExpress ASP.NET MVC HTML Editor - Spell Checking

Tables

The HTML Editor Extension will provide support for HTML table operations. The HtmlEditor allows end-users to create, customize, and delete tables and their elements.

DevExpress ASP.NET MVC HTML Editor - Tables

 

The upcoming ASP.NET MVC HTML Editor extension provides a great set of built-in features. Are you as excited as I am about this upcoming release? Drop me a line below with your thoughts. Thanks!

Follow MehulHarry on Twitter

DXperience? What's That?

DXperience is the .NET developer's secret weapon. Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

 

3 comment(s)
Sigurd Decroos
Sigurd Decroos

That table properties are looking nice, I hope something similar or even more advanced is coming to RichEdit for Vol. 2

4 August, 2010
Peter Thorpe
Peter Thorpe

This looks great.

Can I check if you give it a custom css to use there will be a way to stop the end user specifying a font, size, style... outside the specification of the CSS?

I would basically want my output to only use a basic tag set such as <p>, <strong>, <em>, <ul>, <li>, <a>,<br><h1>,<h2>... with no style specified that could clash with the CSS. Even if they went into the HTML tab.

That way all the formatting is left up to the CSS which cold be changed later.

I'm sure this has been thought of but best to check.

5 August, 2010
Roma R (DevExpress)
Roma R (DevExpress)

Hello Peter,

Our MVC HtmlEditor extension will have the functionality similar to the one our WebForms HtmlEditor has.

You can try its demo at demos.devexpress.com/ASPxHtmlEditorDemos

Also, you can download the trial version of our ASPxHtmlEditor Suite and play with it.

9 August, 2010

Please login or register to post comments.