Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
ckeditor4-angular
Advanced tools
The official CKEditor 4 WYSIWYG editor component for Angular.
In order to create an editor instance in Angular, install the ckeditor4-angular
npm package as a dependency of your project:
npm install --save ckeditor4-angular
After installing, import CKEditorModule
to your application:
import { CKEditorModule } from 'ckeditor4-angular';
@NgModule( {
imports: [
...
CKEditorModule,
...
],
…
} )
You can now use the <ckeditor>
tag in the component template to include the rich text editor:
<ckeditor data="<p>Hello, world!</p>"></ckeditor>
The data
attribute used in the example above is responsible for setting the editor’s data.
See the CKEditor 4 Angular Integration article and Angular examples in the CKEditor 4 documentation.
The CKEditor 4 Angular component works with all the supported browsers except for Internet Explorer 8-10.
Here is how you can contribute to the development of the component. Any feedback and help will be most appreciated!
All issues and feature requests should be reported in the issues section of the official GitHub repository for the CKEditor 4 Angular integration.
Clone the CKEditor 4 Angular integration repository.
Once you have cloned it, install dependencies by running:
npm install
This repository contains the following code:
./src/ckeditor
contains the CKEditor component,./src/app
is a demo application using the component.Run 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.
Run ng build
to build the samples. The build artifacts will be stored in the samples/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To build and publish the package, run npm run publish
.
You 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/
.
Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
FAQs
Official CKEditor 4 component for Angular.
The npm package ckeditor4-angular receives a total of 16,439 weekly downloads. As such, ckeditor4-angular popularity was classified as popular.
We found that ckeditor4-angular demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.