New to Kendo UI for jQueryStart a free 30-day trial

ImageBrowser

configuration

Configuration for image browser dialog.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  imageBrowser: {
    transport: {
      read: "imagebrowser/read",
      destroy: "imagebrowser/destroy",
      create: "imagebrowser/createDirectory",
      uploadUrl: "imagebrowser/upload",
      thumbnailUrl: "imagebrowser/thumbnail",
      imageUrl: "/content/images/{0}",
    },
    path: "/myInitialPath/"
  }
});
</script>

Defines the allowed file extensions.

Default: "*.png,*.gif,*.jpg,*.jpeg"

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  imageBrowser: {
    /* omitted for brevity */
    fileTypes: "*.gif"
  }
});
</script>

Defines texts shown within the image browser.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        messages: {
            uploadFile: "Upload Image",
            orderBy: "Sort by",
            orderByName: "Name",
            orderBySize: "Size"
        }
    }
});
</script>

Defines the initial folder to display, relative to the root.

Default: "/"

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  imageBrowser: {
    /* omitted for brevity */
    path: "/uploads/"
  }
});
</script>

Set the object responsible for describing the image raw data format.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        transport: {
            read: "/imagebrowser/read"
        },
        schema: {
            type: "json",
            data: "data"
        }
    }
});
</script>

Specifies the settings for loading and saving data.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        transport: {
            read: "/imagebrowser/read",
            uploadUrl: "/imagebrowser/upload",
            imageUrl: "/imagebrowser/image"
        }
    }
});
</script>