Search Results: wegh edit

dxHtmlEditor mentions

Reference
Configures mentions.

= "https://url/to/my/service"; this.store = createStore({ key: "ID", loadUrl: serviceUrl + "/GetAction" }) } } <dx-html-editor ... > <dxi-mention [dataSource]="store"></dxi-mention> </dx-html-editor> import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent

dxHtmlEditor tableContextMenu

Reference
Configures table context menu settings.

: true } }); }); Angular app.component.html <dx-html-editor> <dxo-table-context-menu [enabled]="true"> </dxo-table-context-menu> </dx-html-editor>... 'devextreme/dist/css/dx.light.css'; import DxHtmlEditor, { DxTableContextMenu } from 'devextreme-vue/html-editor'; export default { components: { DxHtmlEditor, DxTableContextMenu

dxHtmlEditor tableContextMenu items

Reference
Configures context menu items.

}, 'tableProperties' ] } }); }); Angular app.component.html <dx-html-editor> <dxo-table-context-menu [enabled]="true"> <dxi-item name="insertHeaderRow...;dxi-item name="tableProperties"></dxi-item> </dxo-table-context-menu> </dx-html-editor> Vue App.vue <template> <DxHtmlEditor> <DxTableContextMenu

dxHtmlEditor toolbar

Reference
Configures the UI component's toolbar.

", "italic", "alignCenter", "undo", "redo" ] } }) }) Angular HTMLTypeScript <dx-html-editor> <dxo-toolbar> <dxi-item name="bold"></dxi-item>...;</dxi-item> </dxo-toolbar> </dx-html-editor> import { DxHtmlEditorModule } from "devextreme-angular"; // ... export class AppComponent { // ... } @NgModule({ imports

dxHtmlEditor toolbar items

Reference
Configures toolbar items. These items allow users to format text and execute commands.

").dxHtmlEditor({ toolbar: { items: [ "bold", "italic", "alignCenter", "undo", "redo" ] } }) }) Angular HTMLTypeScript <dx-html-editor> <dxo-toolbar>...="undo"></dxi-item> <dxi-item name="redo"></dxi-item> </dxo-toolbar> </dx-html-editor> import { DxHtmlEditorModule } from "devextreme-angular"; // ... export