{"id":50304587,"url":"https://github.com/mayasabha/ckeditor4-vue3","last_synced_at":"2026-05-28T15:01:37.030Z","repository":{"id":50891160,"uuid":"458242388","full_name":"mayasabha/ckeditor4-vue3","owner":"mayasabha","description":"CKEditor 4 Component for Vue 3","archived":false,"fork":false,"pushed_at":"2024-11-18T04:43:39.000Z","size":1961,"stargazers_count":27,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-26T05:30:01.523Z","etag":null,"topics":["ckeditor","ckeditor4","components","vue-components","vue3","vuejs","vuejs-components","vuejs3","wysiwyg","wysiwyg-editor","wysiwyg-html-editor","wysiwyg-js-editor"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@mayasabha/ckeditor4-vue3","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"ckeditor/ckeditor4-vue","license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mayasabha.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2022-02-11T15:34:05.000Z","updated_at":"2025-08-26T19:36:42.000Z","dependencies_parsed_at":"2024-02-09T07:30:31.276Z","dependency_job_id":"27d2ff4c-85b4-48d3-a32a-729fcfdc013c","html_url":"https://github.com/mayasabha/ckeditor4-vue3","commit_stats":{"total_commits":385,"total_committers":14,"mean_commits":27.5,"dds":0.7038961038961039,"last_synced_commit":"7112f5e8aa8ada3a5ad0122319140defe2969d5a"},"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"purl":"pkg:github/mayasabha/ckeditor4-vue3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayasabha%2Fckeditor4-vue3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayasabha%2Fckeditor4-vue3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayasabha%2Fckeditor4-vue3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayasabha%2Fckeditor4-vue3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mayasabha","download_url":"https://codeload.github.com/mayasabha/ckeditor4-vue3/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayasabha%2Fckeditor4-vue3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33613431,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-28T02:00:06.440Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["ckeditor","ckeditor4","components","vue-components","vue3","vuejs","vuejs-components","vuejs3","wysiwyg","wysiwyg-editor","wysiwyg-html-editor","wysiwyg-js-editor"],"created_at":"2026-05-28T15:01:35.900Z","updated_at":"2026-05-28T15:01:37.011Z","avatar_url":"https://github.com/mayasabha.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CKEditor 4 WYSIWYG editor component for Vue.js v3\n\n![Mayasabha CKEditor 4 Vue 3 Component](https://apoorvpal.in/assets/img/packages/js/ckeditor4-vue3/ckeditor4-vue3.png)\n\nThe CKEditor 4 WYSIWYG editor component for Vue.js v3.\n\n## Installation and Usage\n\nTo install the CKEditor 4 component for Vue.js from npm, simply run:\n\n```bash\nnpm install @mayasabha/ckeditor4-vue3\n```\n\n### Use in Single File Components\n```Vue\n\u003cscript setup\u003e\n\timport { component as ckeditor } from '@mayasabha/ckeditor4-vue3'\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n\t\u003cckeditor\u003e\u003c/ckeditor\u003e\n\u003c/template\u003e\n```\n\n### Use as a Global Plugin\nCall the `Vue.use()` method to register `CKEditor` as a global plugin for Vue:\n\n```js\nimport Vue from 'vue';\nimport CKEditor from '@mayasabha/ckeditor4-vue3';\n\nconst app = Vue.createApp({});\napp.use( CKEditor );\n\nnew Vue( {\n\t// ... options\n} )\n```\n\nAnd use the `\u003cckeditor /\u003e` component in your template:\n\n```Vue\n\u003ctemplate\u003e\n\t\u003cdiv id=\"app\"\u003e\n\t\t\u003cckeditor value=\"Hello, World!\"\u003e\u003c/ckeditor\u003e\n\t\u003c/div\u003e\n\u003c/template\u003e\n```\n\n### Use via Direct `\u003cscript\u003e` Tag \nInstead of using ES6 imports, the component can also be added via a direct script include:\n\n```html\n\u003cscript src=\"../node_modules/@mayasabha/ckeditor4-vue3/dist/ckeditor.js\"\u003e\u003c/script\u003e\n```\n\nand used in the same way as with ES6 imports:\n\n```js\napp.use( CKEditor );\n```\n\nRefer to the official [CKEditor 4 Vue component documentation](http://ckeditor.com/docs/ckeditor4/latest/guide/dev_vue.html#basic-usage) for more information about the installation process.\n\n## Documentation and examples\n\n![CKEditor 4 screenshot](https://c.cksource.com/a/1/img/npm/ckeditor4.png)\n\nSee the [CKEditor 4 WYSIWYG Editor Vue Integration](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_vue.html) article in the [CKEditor 4 documentation](https://ckeditor.com/docs/ckeditor4/latest).\n\nYou can also check out the [CKEditor 4 WYSIWYG Editor Vue Integration samples](https://ckeditor.com/docs/ckeditor4/latest/examples/vue.html) in [CKEditor 4 Examples](https://ckeditor.com/docs/ckeditor4/latest/examples/).\n\n## Browser support\n\nThe CKEditor 4 Vue component works with all the [supported browsers](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html#officially-supported-browsers) except for Internet Explorer.\n\nTo enable Internet Explorer 11 support, instead of the standard import you need to import a specific `dist/legacy.js` file containing all required polyfills:\n\n```js\nimport CKEditor from '@mayasabha/ckeditor4-vue3/dist/legacy.js'\n```\n\n**Note**: Even though CKEditor 4 supports older Internet Explorer versions including IE8, IE9 and IE10, the Vue integration is only supported in the latest Internet Explorer 11.\n\n## Contributing\n\nAfter cloning this repository, install necessary dependencies:\n\n```\nnpm install\n```\n\n### Executing tests\n\nRun:\n\n```\nnpm run test\n```\n\nIf you are going to change the source files (ones located in the `src/` directory), remember about rebuilding the package. You can use `npm run develop` in order to do it automatically.\n\n### Building the package\n\nBuild a minified version of the package that is ready to be published:\n\n```\nnpm run build\n```\n\n## License\n\nCopyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.\n\nLicensed under the terms of any of the following licenses at your\nchoice:\n\n* [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html),\n* [GNU Lesser General Public License Version 2.1 or later](http://www.gnu.org/licenses/lgpl.html),\n* [Mozilla Public License Version 1.1 or later (the \"MPL\")](http://www.mozilla.org/MPL/MPL-1.1.html).\n\nFor full details about the license, please check the `LICENSE.md` file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmayasabha%2Fckeditor4-vue3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmayasabha%2Fckeditor4-vue3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmayasabha%2Fckeditor4-vue3/lists"}