{"id":13738993,"url":"https://github.com/ckeditor/ckeditor4-vue","last_synced_at":"2025-04-12T14:58:08.534Z","repository":{"id":40414287,"uuid":"185394673","full_name":"ckeditor/ckeditor4-vue","owner":"ckeditor","description":"Official CKEditor 4 Vue component","archived":false,"fork":false,"pushed_at":"2025-02-14T12:12:11.000Z","size":1723,"stargazers_count":79,"open_issues_count":9,"forks_count":19,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-12T14:57:45.598Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ckeditor.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,"publiccode":null,"codemeta":null}},"created_at":"2019-05-07T12:12:14.000Z","updated_at":"2025-02-13T20:09:51.000Z","dependencies_parsed_at":"2024-08-21T13:22:46.725Z","dependency_job_id":null,"html_url":"https://github.com/ckeditor/ckeditor4-vue","commit_stats":{"total_commits":423,"total_committers":14,"mean_commits":"30.214285714285715","dds":0.7115839243498818,"last_synced_commit":"089e817ae834f28bf0e5f5b4541ed710e76f1fe0"},"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ckeditor","download_url":"https://codeload.github.com/ckeditor/ckeditor4-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248586249,"owners_count":21128997,"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":[],"created_at":"2024-08-03T04:00:22.657Z","updated_at":"2025-04-12T14:58:08.511Z","avatar_url":"https://github.com/ckeditor.png","language":"JavaScript","funding_links":[],"categories":["基于 Vue","UI Components [🔝](#readme)","Components \u0026 Libraries"],"sub_categories":["UI Components"],"readme":"# CKEditor 4 WYSIWYG editor component for Vue.js [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20CKEditor%204%20Vue%20integration\u0026url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fckeditor4-vue)\n\n[![npm version](https://badge.fury.io/js/ckeditor4-vue.svg)](https://www.npmjs.com/package/ckeditor4-vue)\n[![GitHub tag](https://img.shields.io/github/tag/ckeditor/ckeditor4-vue.svg)](https://github.com/ckeditor/ckeditor4-vue)\n[![CircleCI](https://dl.circleci.com/status-badge/img/gh/ckeditor/ckeditor4-vue/tree/master.svg?style=shield)](https://dl.circleci.com/status-badge/redirect/gh/ckeditor/ckeditor4-vue/tree/master)\n\n[![Join newsletter](https://img.shields.io/badge/join-newsletter-00cc99.svg)](http://eepurl.com/c3zRPr)\n[![Follow Twitter](https://img.shields.io/badge/follow-twitter-00cc99.svg)](https://twitter.com/ckeditor)\n\n## ⚠️ CKEditor 4: End of Life and Extended Support Model until Dec 2028\n\nCKEditor 4 was launched in 2012 and reached its End of Life (EOL) on June 30, 2023.\n\nA special edition, **[CKEditor 4 LTS](https://ckeditor.com/ckeditor-4-support/)** (\"Long Term Support\"), is available under commercial terms ([\"Extended Support Model\"](https://ckeditor.com/ckeditor-4-support/)) for anyone looking to **extend the coverage of security updates and critical bug fixes**.\n\nWith CKEditor 4 LTS, security updates and critical bug fixes are guaranteed until December 2028.\n\n## About this repository\n\n### Master branch = CKEditor 4 LTS Vue Component\n\nAfter June 30, 2023 the `master` version of the [LICENSE.md](https://github.com/ckeditor/ckeditor4/blob/master/LICENSE.md) file changed to reflect the license of CKEditor 4 LTS available under the Extended Support Model.\n\nThis repository now contains the source code of CKEditor 4 LTS Vue Component that is protected by copyright law.\n\n### Getting CKEditor 4 (Open Source)\n\nYou may continue using CKEditor Vue Component 2.4.0 and below under the open source license terms. Please note, however, that the open source version no longer comes with any security updates, so your application will be at risk.\n\nIn order to download the open source version of CKEditor 4 Vue Component, use ****tags 2.4.0 and below****. CKEditor Vue Component 2.4.0 was the last version available under the open source license terms.\n\n## About this package\n\nThe official [CKEditor 4](https://ckeditor.com/ckeditor-4/) WYSIWYG editor component for Vue.js.\n\nWe are looking forward to your feedback! You can report any issues, ideas or feature requests on the [integration issues page](https://github.com/ckeditor/ckeditor4-vue/issues/new).\n\n![CKEditor 4 screenshot](https://c.cksource.com/a/1/img/npm/ckeditor4.png)\n\n## Installation and usage\n\nTo install the CKEditor 4 component for Vue.js from npm, simply run:\n\n```\nnpm install ckeditor4-vue\n```\n\nThen use it by calling the `Vue.use()` method:\n\n```js\nimport Vue from 'vue';\nimport CKEditor from 'ckeditor4-vue';\n\nVue.use( CKEditor );\n\nnew Vue( {\n\t// ... options\n} )\n```\n\nAnd use the `\u003cckeditor /\u003e` component in your template:\n\n```html\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\nInstead of using ES6 imports, the component can also be added via a direct script include:\n\n```html\n\u003cscript src=\"../node_modules/ckeditor4-vue/dist/ckeditor.js\"\u003e\u003c/script\u003e\n```\n\nand used in the same way as with ES6 imports:\n\n```js\nVue.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\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 'ckeditor4-vue/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-2025, CKSource Holding sp. z o.o. All rights reserved.\n\nFor full details about the license, please check the `LICENSE.md` file.\n\n### CKEditor 4 Vue Component 2.4.0 and below for CKEditor 4 Open Source\n\nLicensed under the terms of any of the following licenses at your choice:\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\n### CKEditor 4 Vue Component 3.0 and above for CKEditor 4 LTS (\"Long Term Support\")\n\nCKEditor 4 LTS Vue Component (starting from version 3.0) is available under a commercial license only.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckeditor%2Fckeditor4-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fckeditor%2Fckeditor4-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckeditor%2Fckeditor4-vue/lists"}