@filerobot/canva

Create your own design & customize it then upload it on the go by integrating this plugin inside Filerobot Media Asset Widget.

Usage

NPM

npm install --save @filerobot/canva

YARN

yarn add @filerobot/canva

then

import Canva from '@filerobot/canva'
...
...
...
filerobot.use(Canva, propertiesObject)

CDN

The plugin from CDN is found inside Filerobot global object Filerobot.Canva

const Canva = window.Filerobot.Canva
...
...
...
filerobot.use(Canva, propertiesObject)

Properties

title

Type: string.

Default: 'Canva (Design & Upload)'

The title/label that would be shown & used for the plugin.

apiKey

Type: string.

Default: 'filerobot's canva api key'

The API key used in initializing canva & creating the design through their SDK.

designType

Type: string.

Default: 'A4Document'

The design type of the design workspace that would be opened to create the design, visit Canva's design types for all available types.

fileType: string

Type: string.

Default: 'png'

The type of the final created design's to be saved & uploaded with it.

companionHeaders

Type: null | object.

Default: null

If you need to pass additonal headers in companion requests then pass them in this property (used in retrieving the metadata of the design file).

locale

Type: object.

Default: locales from filerobot's backend then default locale file with all labels is under lib/defaultLocale.js.

You can override some labels by specifying a translation object here, such as:

{
  strings: {
    canvaPluginTitle: 'Canva (Design & upload)' // overrides the default Standard portraits value to standard verticals
  }
}