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

Ribbon Customization

v
  • Common

    Common
    po
  • Undo

    Undo
    po
  • v
    v
    Font

    Font
    po
  • Pages

    Pages
    po
  • View

    View
    po
  • Table Style Options

    Table Style Optionspo
  • up
    down
    gpo

    Quick Styles
    Table Styles

    Table Stylespo
  • v
    v
    dialogboxlauncherBorders & Shadings

    Borders & Shadingspo
  • Navigation

    Navigation
    po
  • Options

    Options
    po
  • Header from Top:
    +
    -
    Footer from Bottom:
    +
    -
    Position

    Position
    po
  • Close

    Close
    po
  • v
    Shape Styles

    Shape Stylespo
  • dialogboxlauncherArrange

    Arrange
    po


The DevExpress ASP.NET MVC Rich Text Editor (RichEdit extension) provides a UI experience similar to Microsoft Word Online. It fully integrates the DevExpress ASP.NET MVC Ribbon extension, allowing you to create intuitive and easy-to-use word processing apps in the shortest possible time.

This demo illustrates the ribbon-based UI modes available within the RichEdit. Based upon the RibbonMode property setting, RichEdit can use either a built-in ribbon, a built-in one-line toolbar, an external ribbon extension, or no ribbon. The RibbonMode property values include:

  • Ribbon – The Rich Text Editor uses a built-in ribbon; ribbon tabs can be customized using the RichEdit's RibbonTabs collection.
  • One Line Ribbon – The Rich Text Editor displays a built-in ribbon used in one-line mode optimized for touch devices; one-line mode related settings can be defined for ribbon groups and ribbon galleries with their OneLineModeSettings properties.
  • ExternalRibbon – The Rich Text Editor uses an external Ribbon extension, specified by the AssociatedRibbonName property. Ribbon tabs can be customized at the Ribbon extension level with the Tabs property.
  • None – The Rich Text Editor does not incorporate or use the ribbon UI.
  • Auto – The Rich Text Editor automatically displays a proper built-in ribbon depending upon the client browser type; a standard ribbon is used under desktop browsers and a one-line ribbon is used under the browsers of touch devices.

Give the demo a try and see how the Rich Text Editor looks and behaves in different ribbon modes.

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\MVCxRichEditDemos