{"id":13472648,"url":"https://github.com/kwinyyyc/strapi-plugin-zeasy-image-api","last_synced_at":"2025-10-24T01:42:53.977Z","repository":{"id":38426753,"uuid":"272687480","full_name":"kwinyyyc/strapi-plugin-zeasy-image-api","owner":"kwinyyyc","description":"Strapi plugin to ease the process importing Unsplash image with attribution","archived":false,"fork":false,"pushed_at":"2023-01-27T02:59:02.000Z","size":228320,"stargazers_count":33,"open_issues_count":79,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-18T14:13:37.441Z","etag":null,"topics":["javascript","node-","nodejs","strapi","strapi-plugin","unsplash","unsplash-api"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kwinyyyc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-16T11:16:24.000Z","updated_at":"2024-04-25T09:08:38.000Z","dependencies_parsed_at":"2023-02-08T22:15:41.862Z","dependency_job_id":null,"html_url":"https://github.com/kwinyyyc/strapi-plugin-zeasy-image-api","commit_stats":null,"previous_names":["kwinyyyc/strapi-plugin-image-api"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kwinyyyc%2Fstrapi-plugin-zeasy-image-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kwinyyyc%2Fstrapi-plugin-zeasy-image-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kwinyyyc%2Fstrapi-plugin-zeasy-image-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kwinyyyc%2Fstrapi-plugin-zeasy-image-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kwinyyyc","download_url":"https://codeload.github.com/kwinyyyc/strapi-plugin-zeasy-image-api/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248290041,"owners_count":21078923,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","node-","nodejs","strapi","strapi-plugin","unsplash","unsplash-api"],"created_at":"2024-07-31T16:00:56.709Z","updated_at":"2025-10-24T01:42:48.943Z","avatar_url":"https://github.com/kwinyyyc.png","language":"JavaScript","funding_links":[],"categories":["Strapi v3"],"sub_categories":["Plugin \u0026 Providers - v3"],"readme":"# Strapi plugin image-api\n\nThis is a plugin for [strapi](https://github.com/strapi/strapi) headless CMS\nIt helps you to search for images on Unsplash and Giphy, import it to your media library and insert to your `Rich Text` content with appropriate attribution.\n\n## Screenshots\n\n## Import from Unsplash\n![](screenshot_01.gif)\n\n## Import from Giphy\n![](screenshot_02.gif)\n\n## Get Started\n### Option 1, with React based wysiwyg strapi plugin installed\n\nTested supported plugin\n\n[strapi-plugin-wysiwsg-react-md-editor](https://github.com/kwinyyyc/strapi-plugin-wysiwsg-react-md-editor)\n\n[strapi-plugin-ckeditor](https://github.com/TechQuery/strapi-plugin-ckeditor)\n\n[strapi-plugin-ckeditor5](https://github.com/Roslovets-Inc/strapi-plugin-ckeditor5)\n\n1. Install the package\n\nWith yarn:\n\n`yarn add strapi-plugin-zeasy-image-api`\n\nWith npm:\n\n`npm install strapi-plugin-zeasy-image-api`\n\n2. Config Unsplash\n   1. Register an Unsplash account [here](https://unsplash.com/developers)\n   2. Create an app on Unsplash, take a note on your `app name` and your `Access Key`, it will be used later. \u003ci\u003eNote: there would be a limit of 50 requests per hour for a demo app\u003c/i\u003e\n\n3. Config Giphy\n   1. Register a Giphy account [here](https://developers.giphy.com/)\n   2. Create an API app on Giphy, take a note on your `API Key`, it will be used later. \u003ci\u003eNote: there would be a rate limited to a maximum of 42 search requests an hour and 1000 search requests a day for a beta key.\u003c/i\u003e\n\n\n4. Generate a config file at `config/plugins.js`\n\n```js\nmodule.exports = ({ env }) =\u003e {\n  return {\n    'zeasy-image-api': {\n      providerOptions: {\n        unsplash: {\n          appName: env('UNSPLASH_APP_NAME'),\n          accessKey: env('UNSPLASH_ACCESS_KEY'),\n        },\n        giphy: {\n          accessKey: env('GIPHY_API_KEY'),\n        },\n      },\n    },\n  };\n};\n```\nThen make sure you have below variables in your .env file\n\n```sh\nUNSPLASH_APP_NAME=XXXXXXX\nUNSPLASH_ACCESS_KEY=XXXXXX\nGIPHY_API_KEY=XXXXXX\n```\n\n### Option 2, without React based wysiwyg strapi plugin installed\n\n1. Follow the same steps in option 1\n\n2. Create a file under this path `/extensions/content-manager/admin/src/components/WysiwygWithErrors/index.js` with [the content here](./example/extensions/content-manager/admin/src/components/WysiwygWithErrors/index.js)\n\nThe code will get the image api panel component \n```js\nconst {\n    strapi: {\n      componentApi: { getComponent },\n    },\n  } = useStrapi();\n  const ImageApiPanel = getComponent('image-api-panel').Component;\n```\n\nThen you can render it to any place you want.\n```js\n\u003cImageApiPanel editor={{ value, name }} onEditorChange={onChange} /\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkwinyyyc%2Fstrapi-plugin-zeasy-image-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkwinyyyc%2Fstrapi-plugin-zeasy-image-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkwinyyyc%2Fstrapi-plugin-zeasy-image-api/lists"}