2020-09-05 01:28:17 +08:00
# CKEditor 4 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20CKEditor%204%20on%20npm&url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fckeditor4)
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
[![GitHub tag ](https://img.shields.io/github/tag/ckeditor/ckeditor4-releases.svg )](https://github.com/ckeditor/ckeditor4-releases)
[![Dependencies ](https://img.shields.io/david/ckeditor/ckeditor4.svg )](https://david-dm.org/ckeditor/ckeditor4)
[![Dev dependencies ](https://img.shields.io/david/dev/ckeditor/ckeditor4.svg )](https://david-dm.org/ckeditor/ckeditor4?type=dev)
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
[![Join newsletter ](https://img.shields.io/badge/join-newsletter-00cc99.svg )](http://eepurl.com/c3zRPr)
[![Follow twitter ](https://img.shields.io/badge/follow-twitter-00cc99.svg )](https://twitter.com/ckeditor)
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
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.
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
Supports a broad range of browsers, including legacy ones.
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
![CKEditor 4 screenshot ](https://c.cksource.com/a/1/img/npm/ckeditor4.png )
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
## Getting Started
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
```
npm install --save ckeditor4
```
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
Use it on your website:
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
```html
< div id = "editor" >
< p > This is the editor content.< / p >
< / div >
< script src = "./node_modules/ckeditor4/ckeditor.js" > < / script >
< script >
CKEDITOR.replace( 'editor' );
< / script >
```
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
You can also load CKEditor 4 using [CDN ](https://cdn.ckeditor.com/#ckeditor4 ).
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
## Features
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
* Over 500 plugins in the [Add-ons Repository ](https://ckeditor.com/cke4/addons ).
* 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.
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
## Presets
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
The CKEditor 4 npm package comes in the `standard-all` preset, so it includes all official CKEditor plugins, with those from the [standard package ](https://sdk.ckeditor.com/samples/standardpreset.html ) active by default.
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
## Further Resources
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
* [CKEditor 4 demo ](https://ckeditor.com/ckeditor-4/ )
* [Documentation ](https://ckeditor.com/docs/ckeditor4/latest/ )
* [API documentation ](https://ckeditor.com/docs/ckeditor4/latest/api/index.html )
* [Configuration reference ](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html )
* [CKEditor SDK with more samples ](https://sdk.ckeditor.com/ )
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
If you are looking for CKEditor 5, here's a link to the relevant npm package: < https: / / www . npmjs . com / package / ckeditor5 >
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
## Browser Support
2020-03-29 01:03:52 +08:00
2020-09-05 01:28:17 +08:00
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > Chrome (Android) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > iOS Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /> ](http://godban.github.io/browsers-support-badges/ )</ br > Opera |
| --------- | --------- | --------- | --------- | --------- | --------- | --------- |
| IE8, IE9, IE10, IE11, Edge| latest version| latest version| latest version| latest version| latest version| latest version
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
Find out more in the [Browser Compatibility guide ](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html#officially-supported-browsers ).
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
## Contribute
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
If you would like to help maintain the project, follow the [Contribution instructions ](https://github.com/ckeditor/ckeditor4/blob/master/.github/CONTRIBUTING.md ).
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
## License
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
2020-05-20 05:41:55 +08:00
2020-09-05 01:28:17 +08:00
For licensing, see LICENSE.md or < https: / / ckeditor . com / legal / ckeditor-oss-license >