aspnetcore-js-devexpress-dot-richedit-18b7445b.md
Lists commands contained in the Home tab.
export enum HomeTabItemId {
ChangeCaseMenu = 431,
AlignParagraphMenu = 432,
LineSpacingMenu = 433,
Undo = 6,
Redo = 7,
Cut = 10,
Copy = 9,
Paste = 8,
ChangeFontName = 11,
ChangeFontSize = 13,
IncreaseFontSize = 14,
DecreaseFontSize = 15,
ChangeFontForeColor = 28,
ChangeFontHighlightColor = 29,
ShowFontDialog = 52,
ToggleFontBold = 20,
ToggleFontItalic = 21,
ToggleFontUnderline = 22,
ToggleFontDoubleUnderline = 23,
ToggleFontStrikeout = 24,
ToggleFontSubscript = 27,
ToggleFontSuperscript = 26,
CapitalizationSentenceCase = 207,
CapitalizationUpperCase = 16,
CapitalizationLowerCase = 17,
CapitalizeEachWordTextCase = 18,
CapitalizationToggleCase = 19,
ClearFormatting = 30,
ToggleBulletedList = 31,
ToggleNumberedList = 32,
ToggleMultilevelList = 33,
ToggleParagraphAlignmentLeft = 37,
ToggleParagraphAlignmentCenter = 38,
ToggleParagraphAlignmentRight = 39,
ToggleParagraphAlignmentJustify = 40,
ToggleShowHiddenSymbols = 36,
SetSingleParagraphSpacing = 41,
SetSesquialteralParagraphSpacing = 42,
SetDoubleParagraphSpacing = 43,
AddSpacingBeforeParagraph = 45,
AddSpacingAfterParagraph = 46,
RemoveSpacingBeforeParagraph = 47,
RemoveSpacingAfterParagraph = 48,
ChangeParagraphBackColor = 49,
ChangeStyle = 12,
Find = 50,
Replace = 51
}
| Name | Description |
|---|---|
AddSpacingAfterParagraph |
Identifies the Add Spacing After Paragraph command.
|
| AddSpacingBeforeParagraph |
Identifies the Add Spacing Before Paragraph command.
|
| AlignParagraphMenu |
Identifies the Align Paragraph menu.
|
| CapitalizationLowerCase |
Identifies the Capitalization Lower Case command.
|
| CapitalizationSentenceCase |
Identifies the Capitalization Sentence Case command.
|
| CapitalizationToggleCase |
Identifies the Capitalization Toggle Case command.
|
| CapitalizationUpperCase |
Identifies the Capitalization Upper Case command.
|
| CapitalizeEachWordTextCase |
Identifies the Capitalize Each Word Text Case command.
|
| ChangeCaseMenu |
Identifies the Change Case menu.
|
| ChangeFontForeColor |
Identifies the Change Font Fore Color command.
|
| ChangeFontHighlightColor |
Identifies the Change Font Highlight Color command.
|
| ChangeFontName |
Identifies the Change Font Name command.
|
| ChangeFontSize |
Identifies the Change Font Size command.
|
| ChangeParagraphBackColor |
Identifies the Change Paragraph Back Color command.
|
| ChangeStyle |
Identifies the Change Style command.
|
| ClearFormatting |
Identifies the Clear Formatting command.
|
| Copy |
Identifies the Copy command.
|
| Cut |
Identifies the Cut command.
|
| DecreaseFontSize |
Identifies the Decrease Font Size command.
|
| Find |
Identifies the Find command.
|
| IncreaseFontSize |
Identifies the Increase Font Size command.
|
| LineSpacingMenu |
Identifies the Line Spacing menu.
|
| Paste |
Identifies the Paste command.
|
| Redo |
Identifies the Redo command.
|
| RemoveSpacingAfterParagraph |
Identifies the Remove Spacing After Paragraph command.
|
| RemoveSpacingBeforeParagraph |
Identifies the Remove Spacing Before Paragraph command.
|
| Replace |
Identifies the Replace command.
|
| SetDoubleParagraphSpacing |
Identifies the Set Double Paragraph Spacing command.
|
| SetSesquialteralParagraphSpacing |
Identifies the Set Sesquialteral Paragraph Spacing command.
|
| SetSingleParagraphSpacing |
Identifies the Set Single Paragraph Spacing command.
|
| ShowFontDialog |
Identifies the Show Font Dialog command.
|
| ToggleBulletedList |
Identifies the Toggle Bulleted List command.
|
| ToggleFontBold |
Identifies the Toggle Font Bold command.
|
| ToggleFontDoubleUnderline |
Identifies the Toggle Font Double Underline command.
|
| ToggleFontItalic |
Identifies the Toggle Font Italic command.
|
| ToggleFontStrikeout |
Identifies the Toggle Font Strikeout command.
|
| ToggleFontSubscript |
Identifies the Toggle Font Subscript command.
|
| ToggleFontSuperscript |
Identifies the Toggle Font Superscript command.
|
| ToggleFontUnderline |
Identifies the Toggle Font Underline command.
|
| ToggleMultilevelList |
Identifies the Toggle Multilevel List command.
|
| ToggleNumberedList |
Identifies the Toggle Numbered List command.
|
| ToggleParagraphAlignmentCenter |
Identifies the Toggle Paragraph Alignment Center command.
|
| ToggleParagraphAlignmentJustify |
Identifies the Toggle Paragraph Alignment Justify command.
|
| ToggleParagraphAlignmentLeft |
Identifies the Toggle Paragraph Alignment Left command.
|
| ToggleParagraphAlignmentRight |
Identifies the Toggle Paragraph Alignment Right command.
|
| ToggleShowHiddenSymbols |
Identifies the Toggle Show Hidden Symbols command.
|
| Undo |
Identifies the Undo command.
|
The HomeTabItemId enum contains identifiers of the Home tab’s ribbon items. Use an identifier to get the corresponding item and then insert it into a tab or remove the item from the Home tab.
The example below moves the ClearFormatting item to the first position in the Home tab:
var options = DevExpress.RichEdit.createOptions();
var tab = options.ribbon.getTab(DevExpress.RichEdit.RibbonTabType.Home);
var ribbonItem = tab.getItem(DevExpress.RichEdit.HomeTabItemId.ClearFormatting);
tab.removeItem(ribbonItem);
tab.insertItem(ribbonItem, 0);
var richContainer = document.getElementById("rich-container");
const richEdit = DevExpress.RichEdit.create(richContainer, options);
To execute the Home tab’s command, pass the HomeTabCommandId‘s field to the executeCommand(commandId) method.
See Also