The DevExpress HTML Editor is a rich-text WYSIWYG HTML editor extension for ASP.NET MVC. Its intuitive user interface enables even the least experienced users to edit HTML page content with ease. This demo describes some of the features available to you when using the MVC HTML Editor. HTML code entered into the HTML Editor's HTML View can be automatically validated and transformed into XHTML 1.0 Transitional compliant markup. The HTML Editor exposes several options, allowing you to control required transformations.
In this demo, the HTML Editor has been customized so you can modify its numerous settings and see results in real time.
Use the AllowScript, AllowIFrames and AllowFormElements properties to control whether predefined tags and attribute types - scripts, IFRAME and form elements - are allowed within the editor's HTML code.
The UpdateDeprecatedElements and UpdateBoldItalic properties specify replacement of deprecated elements with valid analogs and converting 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 Design View is active within the HTML Editor, a context menu can be displayed for end-users, which is controlled by the editor's AllowContextMenu property.
With the AllowHtmlView and AllowPreview properties, the HTML Editor's functionality can be further customized for your end-users.
Note: The demos presented here illustrate the use of custom images (which are uploaded to the server via callbacks) and ways to process/save them on the server. The SettingsImageUpload.UploadImageFolder property is set to a Controller variable, specifying the server folder used to store uploaded images, and the SettingsImageUpload.UploadCallbackRouteValues property is used to reference the Controller's method that processes each uploaded image. This method calls the HTMLEditorExtension.SaveUploadedImage static method in order to validate the image and save it to the specified server folder.