New to Kendo UI for jQuery? Start a free 30-day trial

Ai

configuration

Defines the configuration options for the AI tools in the Editor.

ai

Object

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  ai: {
    service: {
      url: "/api/llm"
    }
  }
});
</script>

ai.aiPrompt

Object|Boolean

Defines the configuration options for the side panel AI Prompt tool in the Editor. If set to false, the side panel AI Prompt tool is disabled.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  ai: {
    aiPrompt: {
      // configuration options for the AI prompt
    }
  }
});
</script>

Defines the shared fast commands for the side panel AI Prompt tool and the inline popup prompt tool. The commands are displayed in the side panel AI Prompt view and the context menu of the inline popup tool.

The commands can be configured separately in the ai.aiPrompt.commands and ai.inlineAIPrompt.commands properties.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  ai: {
    commands: [
      {
        id: "1",
        text: "Make the text funnier",
        icon: "star",
        prompt: (context) => `Make the following text funnier: ${context}`
      }
    ]
  }
});
</script>

ai.inlineAIPrompt

Object|Boolean

Defines the configuration options for the inline AI Prompt tool in the Editor. If set to false, the inline AI Prompt tool is disabled.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  ai: {
    inlineAIPrompt: {
      // configuration options
    }
  }
});
</script>

ai.pane

Object

Defines the configuration options for the Splitter Pane containing the side panel AI Prompt. This allows you to control the pane's size, minimum size, collapsibility, and collapsed state.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  ai: {
    pane: {
      min: "370px",
      size: "370px",
      collapsible: true,
      collapsed: true
    }
  }
});
</script>

ai.service

String|Object

The URL of the AI service to use for generating outputs.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  ai: {
    service: "/api/llm"
  }
});
</script>

Ai

ai

ai.aiPrompt

ai.commands

ai.inlineAIPrompt

ai.pane

ai.service

Related Members