{"id":47669299,"url":"https://github.com/imagekit-developer/ckeditor-plugin","last_synced_at":"2026-04-02T12:24:43.536Z","repository":{"id":54403781,"uuid":"337353897","full_name":"imagekit-developer/ckeditor-plugin","owner":"imagekit-developer","description":"CKEditor plugin for ImageKit Media Library","archived":false,"fork":false,"pushed_at":"2021-02-20T05:42:47.000Z","size":2525,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-27T06:25:05.192Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://imagekit.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imagekit-developer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-02-09T09:31:51.000Z","updated_at":"2021-02-20T05:45:35.000Z","dependencies_parsed_at":"2022-08-13T14:40:14.964Z","dependency_job_id":null,"html_url":"https://github.com/imagekit-developer/ckeditor-plugin","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/imagekit-developer/ckeditor-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagekit-developer%2Fckeditor-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagekit-developer%2Fckeditor-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagekit-developer%2Fckeditor-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagekit-developer%2Fckeditor-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imagekit-developer","download_url":"https://codeload.github.com/imagekit-developer/ckeditor-plugin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagekit-developer%2Fckeditor-plugin/sbom","scorecard":{"id":484769,"data":{"date":"2025-08-11","repo":{"name":"github.com/imagekit-developer/ckeditor-plugin","commit":"e53d7374ca8f660349752d25ec43952c94ff8127"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.6,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":5,"reason":"Found 1/2 approved changesets -- score normalized to 5","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/.nodejs.yml:1","Warn: no topLevel permission defined: .github/workflows/.npmpublish.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/.nodejs.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/imagekit-developer/ckeditor-plugin/.nodejs.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/.nodejs.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/imagekit-developer/ckeditor-plugin/.nodejs.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/.npmpublish.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/imagekit-developer/ckeditor-plugin/.npmpublish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/.npmpublish.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/imagekit-developer/ckeditor-plugin/.npmpublish.yml/master?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/.nodejs.yml:22","Info:   0 out of   4 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 17 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-19T17:30:26.894Z","repository_id":54403781,"created_at":"2025-08-19T17:30:26.895Z","updated_at":"2025-08-19T17:30:26.895Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31306024,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T09:48:21.550Z","status":"ssl_error","status_checked_at":"2026-04-02T09:48:19.196Z","response_time":89,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2026-04-02T12:24:42.827Z","updated_at":"2026-04-02T12:24:43.528Z","avatar_url":"https://github.com/imagekit-developer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[\u003cimg width=\"250\" alt=\"ImageKit.io\" src=\"https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg\"/\u003e](https://imagekit.io)\n\n# ImageKit CKEditor 5 Plugin\n\n[![npm version](https://img.shields.io/npm/v/imagekit-ckeditor5-plugin)](https://www.npmjs.com/package/imagekit-ckeditor5-plugin)\n\nThis plugin integrates ImageKit into CKEditor 5, allowing you to access the embedded Media Library Widget through your CKEditor toolbar. \n\nWith this plugin, you can directly insert images from your ImageKit account into the editor, as well as upload new images to your Media Library.\n\n![CKEditor plugin](/assets/gifs/01-mlw-ck.gif)\n\n## Table of Contents\n\n1. [Installation and build](#installation-and-build)\n    1. [Version support](#version-support)\n    1. [CKEditor quickstart](#ckeditor-quickstart)\n    1. [Configuration](#configuration)\n    1. [Build the editor](#build-the-editor)\n1. [Frontend installation](#frontend-installation)\n1. [Usage](#usage)\n\n## Installation and build\n\nTo install this plugin, you should make a custom build of CKEditor 5. Use the quickstart steps below, or follow the instructions [here](https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html).\n\n### Version support\n\n**The following versions of CKEditor core packages are supported so far:**\n\n- [v24.0.0](https://github.com/ckeditor/ckeditor5/releases/tag/v24.0.0)\n\nIf you are making the custom build by following the instructions on CKEditor website, please ensure that all CKEditor-related packages you install belong to a single one of the supported versions. Otherwise, the build will throw [\"ckeditor-duplicated-modules\" error](https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules) in the browser and fail to work.\n\n### CKEditor quickstart\n\nClone the CKEditor 5 repository at the latest supported version:\n\n```\ngit clone --depth 1 --branch v24.0.0 https://github.com/ckeditor/ckeditor5.git\n```\n\nNavigate to the build that will be customized and install dependencies. We will use the classic build:\n\n```\ncd ckeditor5/packages/ckeditor5-build-classic\nnpm install\n```\n\nInstall the ImageKit CKEditor plugin in your custom build folder:\n\n```\nnpm install --save-dev imagekit-ckeditor5-plugin\n```\n\n### Configuration\n\nTo load the plugin, configure your editor by editing the `src/ckeditor.js` file that belongs to the chosen build. Import the Media Library Widget within it as follows:\n\n```js\n/* ckeditor5-build-classic/src/ckeditor.js */\n\n// ...imported modules\n// custom plugin import\nimport { ImagekitMediaLibraryWidget } from 'imagekit-ckeditor5-plugin';\n\nexport default class ClassicEditor extends ClassicEditorBase {}\n\n// Plugins to include in the build.\nClassicEditor.builtinPlugins = [\n  // include custom plugin in build\n  ImagekitMediaLibraryWidget,\n  // ...other components\n];\n\n// COnfigure the `imagekitMediaLibraryWidget` plugin to display on the editor toolbar\nClassicEditor.defaultConfig = {\n  toolbar: {\n    items: [\n      'imagekitMediaLibraryWidget',\n      // ...other ckeditor plugins\n    ]\n  },\n  // ...other settings\n  language: 'en'\n};\n\n```\n\n### Build the editor\n\n```bash\nnpm run build\n``` \n\nCopy the built files into the source of your webpage which will host the editor:\n\n```\ncp -r build/ \u003cpath_to_your_web_project\u003e\n```\n\n## Frontend installation\n\nImport the generated build files in your frontend project:\n\n```html\n\u003cscript src=\"\u003cpath_to_web_project\u003e/ckeditor.js\"\u003e\u003c/script\u003e\n```\n\nProvide HTML container elements for widget instance as well as editor instance:\n\n```html\n\u003cdiv class=\"editor\"\u003e\u003c/div\u003e\n\u003cdiv class=\"ml-container\"\u003e\u003c/div\u003e\n```\n\nCreate a JavaScript object with configuration options for the plugin:\n\n```js\nvar pluginOptions = {\n  container: '.ml-container',\n  className: 'media-library-widget',\n  dimensions: {\n    height: '100%',\n    width: '100%',\n  },\n};\n```\n\nCreate an editor instance that includes the `imagekitMediaLibraryWidget` plugin on the toolbar, with its configuration options.\n\n```js\n// ckeditor\nvar editor;\n\n// initialize ckeditor\nClassicEditor\n  .create(document.querySelector('.editor'), {\n      imagekitMediaLibraryWidget: {\n        config: pluginOptions\n      }\n    })\n  .then(newEditor =\u003e {\n    editor = newEditor;\n    window.editor = newEditor;\n  }).catch(error =\u003e {\n    console.error(error);\n  });\n```\n\n## Usage\n\nOpen a browser and navigate to your app with the CKEditor instance. It should look similar to the image below.\nTo open ImageKit view, click on the highlighted icon:\n\n![CKEditor custom build](/assets/screenshots/ckeditor-1.png)\n\nIf you are not logged in already, do so using your ImageKit username and password.\n\n![ImageKit widget dialog](/assets/screenshots/ckeditor-2.png)\n\nThe Media Library view should open right up, letting you search and select existing images, as well as upload new ones directly.\n\n![ImageKit Media Library View](/assets/screenshots/ckeditor-3.png)\n\nTo insert one or more images into the CKEditor panel, select them and click the \"Insert\" button in the top right hand area.\n\n![Image insertion](/assets/screenshots/ckeditor-4.png)\n\nThe modal dialog will close and selected images will be inserted into the editor automatically!\n\n**Note: Google Chrome (Incognito)**\n\nIn order to use this plugin on Google Chrome in Incognito mode, you need to enable third-party cookies:\n\n![07-mlw-incognito.png](assets/screenshots/07-mlw-incognito.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimagekit-developer%2Fckeditor-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimagekit-developer%2Fckeditor-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimagekit-developer%2Fckeditor-plugin/lists"}