Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
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.