Create a new WPF Application project and open the MainWindow.xaml file in the Visual Studio Designer.
Add the RichEditControl object to your project. You can do this by dragging the RichEditControl item from the DX.19.2: Rich Text Editor Toolbox tab to the canvas.
Right-click the RichEditControl object and select Layout | Reset All in the context menu. This stretches the RichEditControl to fill the entire window.
As a result, you have a ready-to-use rich edit application with the integrated ribbon containing all available ribbon pages.
The RichEditControl comes complete with a ribbon which uses SVG icons by default. Set the ApplicationThemeHelper.UseDefaultSvgImages property to false before the Ribbon is initialized to switch to the bitmap icons.
Customize the Integrated Ribbon
Add the following XML namespace attributes to the MainWindow.xaml document:
Add the required customization actions to the RichEditControl.RibbonActions collection. The action's ElementName property specifies the name of the existing ribbon element you wish to change or remove. Element names are fields of the DevExpress.Xpf.RichEdit.DefaultBarItemNames class. You can easily deduce the required element name by following naming rules listed in the table below:
To change an item's property, add an UpdateAction, specifying the element's name (the name is determined as explained previously), the property and a new value, to the RichEditControl.RibbonActions collection. The XAML that selects the View page looks as follows:
To add a new element, add an InsertAction to the RichEditControl.RibbonActions collection. The code below adds a new group "Demo" which contains a button "About" to the "View" ribbon page, assigns an image to it and subscribes to the button's ItemClick event.