https://github.com/mvolfik/netlify-cms-widget-external-image

Image widget for Netlify CMS: upload image to an external server and store just an identifier
https://github.com/mvolfik/netlify-cms-widget-external-image

assets image netlify-cms

Last synced: 2 months ago
JSON representation

Image widget for Netlify CMS: upload image to an external server and store just an identifier

• Host: GitHub
• URL: https://github.com/mvolfik/netlify-cms-widget-external-image
• Owner: mvolfik
• License: mit
• Created: 2022-05-28T15:57:25.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-28T16:34:17.000Z (almost 3 years ago)
• Last Synced: 2025-03-16T01:47:08.300Z (2 months ago)
• Topics: assets, image, netlify-cms
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/netlify-cms-widget-external-image
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-decap-cms - netlify-cms-widget-external-image - Image widget for Netlify CMS: upload image to an external server and store just an identifier. (Custom Widget)

README

        
# netlify-cms-widget-external-image

Image widget for Netlify CMS: upload image to an external server and store just an identifier

## Usage

`npm install --save-dev react@17 react-dom@17 netlify-cms-app netlify-cms-widget-external-image`

```js

import CMS from "netlify-cms-app";

import ExternalImage from "netlify-cms-widget-external-image";

CMS.registerWidget(

  "external-image",

  ExternalImage(

    async (f) => {

      // upload ...

      return "some-asset-id";

    },

    (assetId) => `https://myassetserver.com/asset/${assetId}`

  )

);

CMS.init();

```

It is also possible to use Netlify CMS including this widget without any bundling, using scripts from a CDN. Insert the following before the `