HtmlEditor: Add Missing AI Links & Mentions (#8634) (#8643)

Author: arman-boyakhchyan

api-reference/10 UI Components/dxHtmlEditor/1 Configuration/aiIntegration.md

@@ -5,13 +5,13 @@ default: undefined
 ---
 ---
 ##### shortDescription
-Binds the AI service to the HTML Editor.
+Binds AI service to the HTML Editor.
 
 ---
 To activate AI functionality in HTML Editor, specify:
 
-- [AIIntegration](/api-reference/40%20Common%20Types/AIIntegration '/Documentation/ApiReference/Common_Types/AIIntegration/') class
-- *'ai'* [toolbar](/api-reference/10%20UI%20Components/dxHtmlEditor/1%20Configuration/toolbar '/Documentation/ApiReference/UI_Components/dxHtmlEditor/Configuration/toolbar/') item
+1. The [AIIntegration](/api-reference/40%20Common%20Types/AIIntegration '/Documentation/ApiReference/Common_Types/AIIntegration/') class
+2. The *'ai'* [toolbar](/api-reference/10%20UI%20Components/dxHtmlEditor/1%20Configuration/toolbar '/Documentation/ApiReference/UI_Components/dxHtmlEditor/Configuration/toolbar/') item
 
 ---
 ##### jQuery
@@ -124,4 +124,8 @@ To activate AI functionality in HTML Editor, specify:
         );
     }
 
----
+---
+
+#include btn-open-demo with {
+    href: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/AITextEditing/"
+}

concepts/05 UI Components/HtmlEditor/20 Toolbar/00 Predefined Items/00 Predefined Items.md

@@ -1,11 +1,11 @@
-Toolbar items allow users to format the HTML Editor's content and perform actions on it.
+Toolbar items allow users to format HTML Editor content and perform actions in it.
 
 Predefined toolbar items include:
 
-* Buttons that apply single-choice formats to the text.
-* Action buttons.
-* Select boxes that apply multiple-choice formats. 
-* Separators that are not user-interactive and only divide other elements.
+* Buttons that apply single-choice formats to the text
+* Action buttons
+* Select boxes that apply multiple-choice formats
+* Separators that are not user-interactive and only divide other elements
 
 ![DevExtreme HTML5 JavaScript HTML Editor Toolbar](/images/htmlEditor/visual_elements/toolbar.png)
 
@@ -212,7 +212,14 @@ The following table lists toolbar items and the formats they apply (if applicabl
         <td>-</td>
         <td>-</td>
     </tr>
+    <tr>
+        <td>"ai"</td>
+        <td>-</td>
+        <td>-</td>
+    </tr>
 </table>
+
+[note] Configure [aiIntegration](/Documentation/ApiReference/UI_Components/dxHtmlEditor/Configuration/#aiIntegration) to use the *"ai"* item.
 
 To add a button to the toolbar, add its [name](/concepts/05%20UI%20Components/HtmlEditor/20%20Toolbar/00%20Predefined%20Items '/Documentation/Guide/UI_Components/HtmlEditor/Toolbar/Predefined_Items/') to the [items](/api-reference/_hidden/dxHtmlEditorToolbar/items '/Documentation/ApiReference/UI_Components/dxHtmlEditor/Configuration/toolbar/items/') array:
 

concepts/05 UI Components/HtmlEditor/Demos.md

@@ -3,5 +3,6 @@
 - [Overview](https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/Overview/)
 - [Mentions](https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/Mentions/)
 - [Tables](https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/Tables/)
+- [AI-powered Text Editing](https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/AITextEditing/)
 - [Markdown Support](https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/MarkdownSupport/)
 - [Toolbar Customization](https://js.devexpress.com/Demos/WidgetsGallery/Demo/HtmlEditor/ToolbarCustomization/)