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

ImageBrowser.schema.model

configuration

Set the object which describes the image/directory entry fields. Note that a name, type and size fields should be set.

imageBrowser.schema.model

Object

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                id: "name",
                fields: {
                    name: { field: "Name" },
                    type: { field: "Type" },
                    size: { field: "Size" }
                }
            }
        }
    }
});
</script>

imageBrowser.schema.model.fields

Object

Defines the field mappings for the image browser data model. This configuration specifies which fields in the server response contain the name, type, and size information for files and directories. The fields object allows you to map the server data structure to the expected properties that the image browser uses to display and manage files. Each field can be configured as either a string (field name) or an object with additional parsing options.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                fields: {
                    name: "Name",
                    type: "Type",
                    size: "Size"
                }
            }
        }
    }
});
</script>

imageBrowser.schema.model.id

String

The name of the field which acts as an identifier.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["insertImage"],
    imageBrowser: {
        schema: {
            model: {
                id: "name"
            }
        }
    }
});
</script>

ImageBrowser.schema.model

imageBrowser.schema.model

imageBrowser.schema.model.fields

imageBrowser.schema.model.id

Related Members