updateContentEditable ​

interface SelectionRange {
    start: number;
    end: number;
}

interface UpdateContentEditableOptions = {
  /**
   * Selection range of text to be replaced.
   * Leaving this empty replaces whole text.
   */
  replace?: SelectionRange;
  /**
   * Selection/Caret to be set after updating the content editable div.
   * Leaving this empty sets the caret at the end of the replaced text.
   */
  selectionAfter?: SelectionRange;
  /**
   * Optionally provide logic for updating the content editable div content.
   * Leaving this empty wil use a custom mutate function to update the content editable div.
   * For Range see: https://developer.mozilla.org/en-US/docs/Web/API/Range
   */
  setRange?(range: Range): void;
}

type UpdateContentEditable = (
    /**
     * The agent input field element.
     */
    element: HTMLElement,
    /**
     * The text being inserted into the agent input field.
     */
    insertText: string,
    /**
     * Options to control the insert behaviour.
     */
    options?: UpdateContentEditableOptions
) => void;

import { updateContentEditable } from '@deepdesk/deepdesk-sdk';

const element = document.getElementById("input");

updateContentEditable(element, "John", {
    replace: { start: 6, end: 12 },
});