A class that activates AI services in DevExpress UI components.
This object's constructor accepts an AIProvider object that specifies AI service settings. Pass the created AIIntegration object to components where you want to activate AI capabilities.
You need to link AIIntegration source.
const aiIntegration = new DevExpress.aiIntegration(provider);
$("#htmlEditor").dxHtmlEditor({
// ...
aiIntegration,
});
<head>
<!-- ... -->
<script type="text/javascript" src="../artifacts/js/dx.ai-integration.js" charset="utf-8"></script>
<!-- or if using CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/devextreme-dist/25.1.4/js/dx.ai-integration.js"></script>
</head> Angular
import { AIIntegration } from 'devextreme-angular/common/ai-integration';
// ...
export class AppComponent {
aiIntegration = new AIIntegration(provider);
}
<dx-html-editor [aiIntegration]="aiIntegration"></dx-html-editor>Vue
<template>
<DxHtmlEditor :ai-integration="aiIntegration" />
</template>
<script setup lang="ts">
import { AIIntegration } from 'devextreme-vue/common/ai-integration';
const aiIntegration = new AIIntegration(provider);
</script> React
import { AIIntegration } from 'devextreme-react/common/ai-integration';
const aiIntegration = new AIIntegration(provider);
const App = () => {
return (
<HtmlEditor aiIntegration={aiIntegration} />
);
}
An object responsible for sending requests to an AI service.
Specifies the way an end-user applies the selected value.
Accepted Values: 'instantly' | 'useButtons'
Specifies how the button is styled.
Accepted Values: 'text' | 'outlined' | 'contained'
Specifies the button type.
Accepted Values: 'danger' | 'default' | 'normal' | 'success'
Specifies the operator to be used for comparing the validated value with the target.
Accepted Values: '!=' | '!==' | '<' | '<=' | '==' | '===' | '>' | '>='
Specifies the data structure.
Accepted Values: 'plain' | 'tree'
Specifies a data type for a column/field value.
Accepted Values: 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'
Specifies the device-dependent default configuration properties for a component.
import { DefaultOptionsRule } from "devextreme/
common"
Specifies the animation direction for the "slideIn" and "slideOut" animation types.
Accepted Values: 'bottom' | 'left' | 'right' | 'top'
Accepted Values: 'adaptive' | 'compact' | 'full'
Specifies the directions in which an item/row can be dragged.
Accepted Values: 'both' | 'horizontal' | 'vertical'
Specifies how to highlight the item/row's drop position.
Accepted Values: 'push' | 'indicate'
Specifies how the UI component's text field is styled.
Accepted Values: 'outlined' | 'underlined' | 'filled'
Specifies a set of export formats.
Accepted Values: 'GIF' | 'JPEG' | 'PDF' | 'PNG' | 'SVG'
Specifies the field chooser layout.
Accepted Values: 0 | 1 | 2
Specifies the first day of a week.
Accepted Values: 0 | 1 | 2 | 3 | 4 | 5 | 6
Specifies the direction in which to open the speed dial menu.
Accepted Values: 'auto' | 'up' | 'down'
Specifies a predefined format.
Accepted Values: 'billions' | 'currency' | 'day' | 'decimal' | 'exponential' | 'fixedPoint' | 'largeNumber' | 'longDate' | 'longTime' | 'millions' | 'millisecond' | 'month' | 'monthAndDay' | 'monthAndYear' | 'percent' | 'quarter' | 'quarterAndYear' | 'shortDate' | 'shortTime' | 'thousands' | 'trillions' | 'year' | 'dayOfWeek' | 'hour' | 'longDateLongTime' | 'minute' | 'second' | 'shortDateShortTime'
Specifies a position in the horizontal direction.
Accepted Values: 'center' | 'left' | 'right'
Specifies the position of a component's element relative to the component in the horizontal direction.
Accepted Values: 'left' | 'right'
Specifies the label's display mode.
Accepted Values: 'static' | 'floating' | 'hidden' | 'outside'
Specifies when the UI component shows the mask.
Accepted Values: 'always' | 'onFocus'
Specifies an 'auto' mode.
Specifies whether the UI component is oriented horizontally or vertically.
Accepted Values: 'horizontal' | 'vertical'
Specifies whether the next page is loaded when a user scrolls the UI component to the bottom or when the "next" button is clicked.
Accepted Values: 'nextButton' | 'scrollBottom'
Specifies the page orientation.
Accepted Values: 'portrait' | 'landscape'
Specifies the position of the component's element.
Accepted Values: 'bottom' | 'left' | 'right' | 'top'
Positions the UI component.
Accepted Values: 'bottom' | 'center' | 'left' | 'left bottom' | 'left top' | 'right' | 'right bottom' | 'right top' | 'top'
A prompt for the AI model.
Most AI services support a prompt that contains two fields: system message and user message. The system message directs the AI model, such as "You are a professional assistant." The user message is the user's request, such as "Create a to-do list for today."
An object with request parameters for AI service.
Specifies when the UI component shows the scrollbar.
Accepted Values: 'always' | 'never' | 'onHover' | 'onScroll'
Specifies the available scrolling directions.
Accepted Values: 'both' | 'horizontal' | 'vertical'
Specifies the scrolling mode.
Accepted Values: 'standard' | 'virtual'
Specifies a comparison operation used to search UI component items.
Accepted Values: 'contains' | 'startswith' | 'equals'
Specifies the mode in which all items are selected.
Accepted Values: 'allPages' | 'page'
Specifies a comparison operation used to search UI component items.
Accepted Values: 'contains' | 'startswith'
Specifies whether the UI component enables an end-user to select only a single item, multiple items, all, or none.
Accepted Values: 'single' | 'multiple' | 'all' | 'none'
Specifies whether the UI component enables an end-user to select only a single item, multiple items, or none.
Accepted Values: 'single' | 'multiple' | 'none'
Specifies whether the UI component enables an end-user to select only a single item or multiple items.
Accepted Values: 'single' | 'multiple'
Specifies whether the UI component enables an end-user to select only a single item or none.
Accepted Values: 'single' | 'none'
Specifies when to change the component's value.
Accepted Values: 'onHandleMove' | 'onHandleRelease'
Specifies the sort order of column, header, field, or group summary values.
Accepted Values: 'asc' | 'desc'
Specifies the storage type the DataSource uses.
Accepted Values: 'array' | 'local' | 'odata'
Specifies modes of submenu showing and hiding.
Accepted Values: 'onClick' | 'onHover'
Specifies icon position inside the tab.
Accepted Values: 'top' | 'end' | 'bottom' | 'start'
Specifies tab styling mode.
Accepted Values: 'primary' | 'secondary'
Specifies the predefined button for a textbox.
Specifies whether to place the button before or after the input text field.
Accepted Values: 'after' | 'before'
Specifies the UI component that presents a toolbar item.
Accepted Values: 'dxAutocomplete' | 'dxButton' | 'dxButtonGroup' | 'dxCheckBox' | 'dxDateBox' | 'dxDropDownButton' | 'dxMenu' | 'dxSelectBox' | 'dxSwitch' | 'dxTabs' | 'dxTextBox'
Specifies a location for the item on the toolbar.
Accepted Values: 'after' | 'before' | 'center'
Specifies when the UI component shows a tooltip.
Accepted Values: 'always' | 'onHover'
Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed.
Accepted Values: 'always' | 'auto'
Specifies a validation rule.
import { ValidationRule } from "devextreme/
common"
Specifies the validation rule type.
Accepted Values: 'required' | 'numeric' | 'range' | 'stringLength' | 'custom' | 'compare' | 'pattern' | 'email' | 'async'
Specifies the validation status.
Accepted Values: 'valid' | 'invalid' | 'pending'
Specifies a position in the vertical direction.
Accepted Values: 'bottom' | 'center' | 'top'
Specifies the position of a component's element relative to the component in the vertical direction.
Accepted Values: 'bottom' | 'top'
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4