A highly configurable WYSIWYG HTML editor with hundreds of features, from creating rich text content with captioned images, videos, tables, or media embeds to pasting from Word and drag&drop image upload.
Supports a broad range of browsers, including legacy ones.
Getting Started
npm install --save ckeditor
Use it on your website:
<div id="editor">
<p>This is the editor content.</p>
</div>
<script src="./node_modules/ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace( 'editor' );
</script>
You can also load CKEditor 4 using CDN.
Features
- Over 500 plugins in the Add-ons Repository.
- Pasting from Microsoft Word and Excel.
- Drag&drop image uploads.
- Media embeds to insert videos, tweets, maps, slideshows.
- Powerful clipboard integration.
- Content quality control with Advanced Content Filter.
- Extensible widget system.
- Custom table selection.
- Accessibility conforming to WCAG and Section 508.
- Over 60 localizations available with full RTL support.
Presets
The CKEditor 4 npm package comes in thestandard-all
preset, so it includes all official CKEditor plugins, with those from the standard package active by default.Further Resources
If you are looking for CKEditor 5, here's a link to the relevant npm package:
Browser Support
|IE / Edge |
Firefox |
Chrome |
Chrome (Android) |
Safari |
iOS Safari |
Opera | | --------- | --------- | --------- | --------- | --------- | --------- | --------- | | IE8, IE9, IE10, IE11, Edge| latest version| latest version| latest version| latest version| latest version| latest version
Find out more in the Browser Compatibility guide.
Contribute
If you would like to help maintain the project, follow the Contribution instructions.License
Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.For licensing, see LICENSE.md or