ckeditor4-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 ckeditor4-dev

Use it on your website:

<div id="editor">
    <p>This is the editor content.</p>
</div>
<script src="./node_modules/ckeditor4-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 Examples

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-2020, CKSource - Frederico Knabben. All rights reserved.

For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license

Changelog

CKEditor 4.14.1

Fixed Issues:

• #2607: Fixed: The Emoji plugin SVG icons file is not loaded in CORS context.
• #3866: Fixed: The config.readOnly configuration option not considered for startup read-only mode of inline editor.
• #3931: [IE] Fixed: An error is thrown when pasting using the Paste button after accepting the browser Clipboard Access Prompt dialog.
• #3938: Fixed: Cannot navigate the Autocomplete panel with the keyboard after switching to source mode.
• #2823: [IE] Fixed: Cannot resize the last table column using the Table Resize plugin.
• #909: Fixed: The Table Resize plugin does not work when the editor is placed in an absolutely positioned container. Thanks to Roland Petto!
• #1959: Fixed: The Table Resize plugin does not work in a maximized editor when the Div Editing Area feature is enabled. Thanks to Roland Petto!
• #3156: Fixed: Autolink config.autolink_urlRegex and config.autolink_emailRegex options are not customizable. Thanks to Sergiy Dobrovolsky!
• #624: Fixed: Notification does not work with the bottom toolbar location.
• #3000: Fixed: Auto Embed does not work with the bottom toolbar location.
• #1883: Fixed: The editor.resize() method does not work with CSS units.
• #3926: Fixed: Dragging and dropping a widget sometimes produces an error.
• #4008: Fixed: Remove Format does not work with a collapsed selection.
• #3998: Fixed: An error is thrown when switching to the source mode using a custom <kbd>Ctrl</kbd> + <kbd>Enter</kbd> keystroke with the Widget plugin present.

Other Changes:

• Updated WebSpellChecker (WSC) and SpellCheckAsYouType (SCAYT) plugins:
  • Fixed: Active Autocomplete panel causes active suggestions to be unnecessarily checked by the SCAYT spell checking mechanism.