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

Ai.aiPrompt.commands

configuration

Defines the commands for the side panel AI Prompt tool. The commands are displayed in the side panel AI Prompt dropdown.

ai.aiPrompt.commands

Array

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

ai.aiPrompt.commands.icon

String

The icon of the command.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    ai: {
        aiPrompt: {
            commands: [{
                icon: "gear",
                text: "Summarize"
            }]
        }
    }
});
</script>

ai.aiPrompt.commands.id

String

The id of the command.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    ai: {
        aiPrompt: {
            commands: [{
                id: "summarize",
                text: "Summarize"
            }]
        }
    }
});
</script>

ai.aiPrompt.commands.prompt

Function

The prompt for the command. The function accepts the following arguments:

context - The text in the editor.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    ai: {
        aiPrompt: {
            commands: [{
                text: "Summarize",
                prompt: function(context) {
                    return "Please summarize the following text: " + context;
                }
            }]
        }
    }
});
</script>

ai.aiPrompt.commands.text

String

The text of the command.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    ai: {
        aiPrompt: {
            commands: [{
                text: "Summarize"
            }]
        }
    }
});
</script>