Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Table of Contents

  • Undo

    Undo
    po
  • Clipboard

    Clipboard
    po
  • v
    v
    popopo
    dialogboxlauncherFont

    Font
    po
  • popo
    dialogboxlauncherParagraph

    Paragraph
    po
  • up
    down
    gpo

    Quick Styles
    Styles

    Styles
    po
  • Editing

    Editing
    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) allows navigating through documents using interactive navigation tables: the Table of Contents and Table of Figures/Tables/Equations.

  • The Table of Contents lists the document's headings created by applying headings styles to the text paragraphs. The heading style changes the characters' appearance and specifies the paragraph's outline level.
  • The Table of Figures/Tables/Equations lists the corresponding document objects provided with a numbered label below - an object's caption. The caption identifies the object and adds it to the corresponding table.

To manage these navigation tables, the Rich Text editor provides the References ribbon tab that allows you to add tables, mark paragraphs as headings or add captions to objects, and update the tables to display the corrected entries and page numbers.

In this demo, the document includes the Table of Contents and Table of Figures. You can move to the selected heading or figure by clicking the corresponding table's row while pressing the CTRL key. If a navigation table displays outdated information (outdated headings/captions or outdated page numbers) after changing the document, you can select the table and click the Update Table command in the References ribbon tab to update the table and display the correct information.

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