CKEditor 4 


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 ckeditor4
Use it on your website:
<div id="editor">
<p>This is the editor content.</p>
</div>
<script src="./node_modules/ckeditor4/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 the standard-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: https://www.npmjs.com/package/ckeditor5
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 https://ckeditor.com/legal/ckeditor-oss-license
CKEditor 4.17.1
Highlights:
Due to a regression in CKEeditor 4.17.0 version that was only revealed after the release and affected a limited area of operation, CSS assets loaded via relative links started to point into invalid location when loaded from external resources.
We have therefore decided to immediately release CKEditor 4.17.1 that fixed this problem. If you have already upgraded to v4.17.0, make sure to upgrade to v4.17.1 to avoid this regression.
Fixed issues:
- #4979: Fixed: Added cache key in #4761 started to breaking relative links for external CSS resources. The fix has been reverted and will be corrected in the next editor version.