All docs
V25.1
25.1
24.2
The page you are viewing does not exist in version 24.2.
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
Map

jQuery/JS Common Types - AIIntegration

A class that activates AI services in DevExpress UI components.

import { AIIntegration } from "devextreme/common/ai-integration"

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.

jQuery

You need to link AIIntegration source.

index.js
index.html
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
app.component.ts
app.component.html
import { AIIntegration } from 'devextreme-angular/common/ai-integration';
// ...
export class AppComponent {
    aiIntegration = new AIIntegration(provider);
}
<dx-html-editor [aiIntegration]="aiIntegration"></dx-html-editor>
Vue
App.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
App.tsx
import { AIIntegration } from 'devextreme-react/common/ai-integration';
const aiIntegration = new AIIntegration(provider);

const App = () => {
    return (
        <HtmlEditor aiIntegration={aiIntegration} />
    );
}