JavaScript/jQuery HtmlEditor - tableContextMenu
Default Value: null
items[]
Type:
Accepted Values: 'background' | 'bold' | 'color' | 'font' | 'italic' | 'link' | 'image' | 'strike' | 'subscript' | 'superscript' | 'underline' | 'blockquote' | 'increaseIndent' | 'decreaseIndent' | 'orderedList' | 'bulletList' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'codeBlock' | 'variable' | 'undo' | 'redo' | 'clear' | 'insertTable' | 'insertHeaderRow' | 'insertRowAbove' | 'insertRowBelow' | 'insertColumnLeft' | 'insertColumnRight' | 'deleteColumn' | 'deleteRow' | 'deleteTable' | 'cellProperties' | 'tableProperties'
Use this property to customize the context menu. For example, the following code creates a flat menu of table commands instead of the default hierarchical menu. The beginGroup property is used to divide command groups.
app.component.html
- <dx-html-editor>
- <dxo-table-context-menu
- [enabled]="true">
- <dxi-item name="insertHeaderRow"></dxi-item>
- <dxi-item name="insertRowAbove"></dxi-item>
- <dxi-item name="insertRowBelow"></dxi-item>
- <dxi-item name="insertColumnLeft" [beginGroup]="true"></dxi-item>
- <dxi-item name="insertColumnRight"></dxi-item>
- <dxi-item name="deleteColumn" [beginGroup]="true"></dxi-item>
- <dxi-item name="deleteRow"></dxi-item>
- <dxi-item name="deleteTable"></dxi-item>
- <dxi-item name="cellProperties" [beginGroup]="true"></dxi-item>
- <dxi-item name="tableProperties"></dxi-item>
- </dxo-table-context-menu>
- </dx-html-editor>
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.