ckeditor-dev

CKEditor 4 (dev)

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.

Note: This is a developer version. Use the CKEditor 4 optimized package for production environment.

Getting Started

npm install --save ckeditor-dev

Use it on your website:

<div id="editor">
    <p>This is the editor content.</p>
</div>
<script src="./node_modules/ckeditor-dev/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 dev npm package comes in the full-all preset, so it includes all official CKEditor plugins, with those from the full package active by default.

Further Resources

• CKEditor 4 demo
• Documentation
• API documentation
• Configuration reference
• CKEditor SDK with more samples

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

Changelog

CKEditor 4.10.1

Fixed Issues:

• #2114: Fixed: Autocomplete cannot be initialized before instanceReady.
• #2107: Fixed: Holding and releasing the mouse button is not inserting an autocomplete suggestion.
• #2167: Fixed: Matching in Emoji plugin is not case insensitive.
• #2195: Fixed: Emoji shows the suggestion box when the colon is preceded with other characters than white space.
• #2169: [Edge] Fixed: Error thrown when pasting into the editor.
• #1084 Fixed: Using the "Automatic" option with Color Button on a text with the color already defined sets an invalid color value.
• #2271: Fixed: Custom color name not used as a label in the Color Button plugin. Thanks to Eric Geloen!
• #2296: Fixed: The Color Button plugin throws an error when activated on content containing HTML comments.
• #966: Fixed: Executing editor.destroy() during the file upload throws an error. Thanks to Maksim Makarevich!
• #1719: Fixed: <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>A</kbd> inadvertently focuses inline editor if it is starting and ending with a list. Thanks to theNailz!
• #1046: Fixed: Subsequent new links do not include the id attribute. Thanks to Nathan Samson!
• #1348: Fixed: Enhanced Image plugin aspect ratio locking uses an old width and height on image URL change.
• #1791: Fixed: Image and Enhanced Image plugins can be enabled when Easy Image is present.
• #2254: Fixed: Image ratio locking is too precise for resized images. Thanks to Jonathan Gilbert!
• #1184: [IE8-11] Fixed: Copying and pasting data in read-only mode throws an error.
• #1916: [IE9-11] Fixed: Pressing the <kbd>Delete</kbd> key in read-only mode throws an error.
• #2003: [Firefox] Fixed: Right-clicking multiple selected table cells containing empty paragraphs removes the selection.
• #1816: Fixed: Table breaks when <kbd>Enter</kbd> is pressed over the Table Selection plugin.
• #1115: Fixed: The <font> tag is not preserved when proper configuration is provided and a style is applied by the Font plugin.
• #727: Fixed: Custom styles may be invisible in the Styles Combo plugin.
• #988: Fixed: ACF-enabled custom elements prefixed with object, embed, param are removed from the editor content.

API Changes:

• #2249: Added the editor.plugins.detectConflict() method finding conflicts between provided plugins.