Interface IAssetSources

A structure defining sources for the Image Manager.

Package: @aurigma/design-editor-iframe

Remarks

See the Image manager topic for more details.

Examples

The editor config may look as follows.

{
 "assetSources": {
   "My files": {
     "type": "PrivateSource",
     "allowedExtensions": [ "jpg", "jpeg", "png" ]
   },
   "External urls": {
     "type": "MemorySource",
     "rootCategory": {
       "assets": [
         {
           "title": "Square",
           "preview": "http://example.com/images/preview/2.jpg",
           "source": "http://example.com/images/2.jpg"
         },
         {
           "title": "Buildings",
           "preview": "http://example.com/images/preview/4.jpg",
           "source": "http://example.com/images/4.jpg"
         }
       ],
       "categories": [
         {
           "name": "Stock images",
           "assets": [
             {
               "title": "Winter",
               "preview": "http://example.com/images/preview/16.jpg",
               "source": "http://example.com/images/16.jpg"
             },
             {
               "title": "Skating",
               "preview": "http://example.com/images/preview/20.jpg",
               "source": "http://example.com/images/20.jpg"
             }
           ]
         }
       ]
     }
   }
 },
 "widgets": {
   "AssetManager": {
     "tabs": [
       {
         "name": "My files",
         "assetSourceInstance": "My files",
         "iconClassName": "cc-icon-uploadable",
         "controls": { "toolbarEnabled": false }
       },
       {
         "name": "The gallery based on external urls",
         "assetSourceInstance": "External urls",
         "iconClassName": "cc-icon-add-image"
       }
     ]
   }
 }
}