Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Insert Media Content

  • Undo (Ctrl+Z)
  • Redo (Ctrl+Y)
  • Bold (Ctrl+B)
  • Italic (Ctrl+I)
  • Underline
  • Strikethrough
  • Insert Flash
  • Insert Video
  • Insert Audio
  • Insert YouTube Video
  • Full Screen (F11)
Content Filtering
Apply Changes


The DevExpress ASP.NET MVC HtmlEditor extension allows your end-users to insert media content using the built-in toolbar buttons, dialogs, and media file selectors. This demo shows how easily media files can be inserted into the content of the editor.

The HtmlEditor's toolbar provides the following default buttons:

  • Insert Flash button
  • Insert Video button
  • Insert Audio button
  • Insert YouTube Video button

Use these buttons to invoke the Insert Media dialog. Once activated, the Insert Media dialog allows end-users to manage content media via a point-and-click UI. To enable these features, activate the corresponding Enabled options via the editor's SettingsFlashSelector, SettingsVideoSelector, and SettingsAudioSelector option sets.

To prohibit the usage of media elements in the editor content use the following properties, available by the SettingsHtmlEditing property.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxHTMLEditorDemos