{"id":13738873,"url":"https://github.com/ckeditor/ckeditor4-angular","last_synced_at":"2025-06-12T15:08:31.282Z","repository":{"id":34298497,"uuid":"153247874","full_name":"ckeditor/ckeditor4-angular","owner":"ckeditor","description":"Official CKEditor 4 Angular component.","archived":false,"fork":false,"pushed_at":"2025-02-28T16:29:56.000Z","size":3399,"stargazers_count":56,"open_issues_count":32,"forks_count":35,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-05-08T18:42:29.470Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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,"zenodo":null}},"created_at":"2018-10-16T08:12:59.000Z","updated_at":"2025-04-22T05:46:18.000Z","dependencies_parsed_at":"2023-01-15T06:03:43.529Z","dependency_job_id":"99456e1d-397e-42d9-b946-b5821b252a6b","html_url":"https://github.com/ckeditor/ckeditor4-angular","commit_stats":{"total_commits":581,"total_committers":20,"mean_commits":29.05,"dds":0.6987951807228916,"last_synced_commit":"c4528f2d9ca782ba172272299acd7232bf18bc5a"},"previous_names":[],"tags_count":34,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ckeditor","download_url":"https://codeload.github.com/ckeditor/ckeditor4-angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckeditor%2Fckeditor4-angular/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259280593,"owners_count":22833429,"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:18.822Z","updated_at":"2025-06-12T15:08:31.255Z","avatar_url":"https://github.com/ckeditor.png","language":"TypeScript","readme":"# CKEditor 4 WYSIWYG editor Angular component [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20CKEditor%204%20Angular%20integration\u0026url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fckeditor4-angular)\n\n[![npm version](https://badge.fury.io/js/ckeditor4-angular.svg)](https://www.npmjs.com/package/ckeditor4-angular)\n[![GitHub tag](https://img.shields.io/github/tag/ckeditor/ckeditor4-angular.svg)](https://github.com/ckeditor/ckeditor4-angular)\n[![CircleCI](https://dl.circleci.com/status-badge/img/gh/ckeditor/ckeditor4-angular/tree/master.svg?style=shield)](https://dl.circleci.com/status-badge/redirect/gh/ckeditor/ckeditor4-angular/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 Angular 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 Angular Component that is protected by copyright law.\n\n### Getting CKEditor 4 (Open Source)\n\nYou may continue using CKEditor Angular Component 4.0.1 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 Angular Component, use ****tags 4.0.1 and below****. CKEditor Angular Component 4.0.1 was the last version available under the open source license terms.\n\n## About this package\n\nOfficial [CKEditor 4](https://ckeditor.com/ckeditor-4/) WYSIWYG editor component for Angular.\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-angular/issues/new).\n\n![CKEditor 4 screenshot](https://c.cksource.com/a/1/img/npm/ckeditor4.png)\n\n## Usage\n\nIn order to create an editor instance in Angular, install the `ckeditor4-angular` npm package as a dependency of your project:\n\n```bash\nnpm install --save ckeditor4-angular\n```\n\nAfter installing, import `CKEditorModule` to your application:\n\n```js\nimport { CKEditorModule } from 'ckeditor4-angular';\n\n@NgModule( {\n    imports: [\n        ...\n        CKEditorModule,\n        ...\n    ],\n    …\n} )\n```\n\nYou can now use the `\u003cckeditor\u003e` tag in the component template to include the rich text editor:\n\n```html\n\u003cckeditor data=\"\u003cp\u003eHello, world!\u003c/p\u003e\"\u003e\u003c/ckeditor\u003e\n```\n\nThe `data` attribute used in the example above is responsible for setting the editor’s data.\n\n## Documentation and examples\n\nSee the [CKEditor 4 Angular Integration](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_angular.html) article and [Angular examples](https://ckeditor.com/docs/ckeditor4/latest/examples/angular.html) in the [CKEditor 4 documentation](https://ckeditor.com/docs/ckeditor4/latest/).\n\n## Browser support\n\nThe CKEditor 4 Angular component works with all the [supported browsers](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html#officially-supported-browsers) except for Internet Explorer 8-11.\n\n## Supported Angular versions\n\nThe integration can be used together with Angular at version 5.0.0 and higher. It is an implication of Angular metadata produced for this package by the Angular builder. Note that the `package.json` used in the main repository isn't published on NPM (the production one is present in `src/ckeditor/package.json`), so there are only a few peer dependencies:\n\n* `@angular/core` \u003e= 5.0.0\n* `@angular/common` \u003e= 5.0.0\n* `@angular/forms` \u003e= 5.0.0\n\nrequired by this package.\n\n## Contributing\n\nHere is how you can contribute to the development of the component. Any feedback and help will be most appreciated!\n\n### Reporting issues and feature requests\n\nAll issues and feature requests should be reported in the [issues section](https://github.com/ckeditor/ckeditor4-angular/issues/new) of the official GitHub repository for the CKEditor 4 Angular integration.\n\n### Development\n\nClone the [CKEditor 4 Angular integration repository](https://github.com/ckeditor/ckeditor4-angular).\n\nOnce you have cloned it, install dependencies by running:\n\n```bash\nnpm install\n```\n\n#### The structure of the repository\n\nThis repository contains the following code:\n\n* `./src/ckeditor` contains the CKEditor component,\n* `./src/app` is a demo application using the component.\n\n#### Development server\n\nRun `ng serve` to start the development server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n#### Building samples\n\nRun `ng build` to build the samples. The build artifacts will be stored in the `samples/` directory.\n\n#### Running unit tests\n\nRun `npm test` to execute unit tests via [Karma](https://karma-runner.github.io).\n\nThere are two options available to alternate the testing process:\n\n* `url` / `u` - pass custom URL to Karma, for example custom CKEditor 4 build.\n* `watch` / `w` - tell Karma to watch for changes.\n\nFor example:\n\n```\nnpm run test -- -u http://localhost:5000/ckeditor.js -w\n```\n\n#### Running end-to-end tests\n\nRun `ng e2e` to execute the end-to-end tests via [Protractor](https://www.protractortest.org/).\n\n#### Publishing\n\nTo build and publish the package, run `npm run publish`.\n\nYou can also manually build the package with `npm run build-package` which will be stored in `dist/`. Then you can publish it with `npm publish dist/`.\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 Angular Component 4.0.1 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 Angular Component 5.0 and above for CKEditor 4 LTS (\"Long Term Support\")\n\nCKEditor 4 LTS Angular Component (starting from version 5.0) is available under a commercial license only.\n","funding_links":[],"categories":["基于 Angular","Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)","Framework Interoperability"],"sub_categories":["Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e","Wrappers"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckeditor%2Fckeditor4-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fckeditor%2Fckeditor4-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckeditor%2Fckeditor4-angular/lists"}