Mentions

This plugin allows you to type a pre-configured marker character, such as "@" or "#", and get suggested values for the text matches. The feed of items to be displayed in the autocomplete suggestion dropdown can be provided in a synchronous or asynchronous way. It allows you to add custom user mentions or tags to the editor.

The Mentions plugin that provides this functionality is an implementation of the Autocomplete feature.

Screenshots

mentions

769 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Details Widget

This widget handles details elements (<details> and <summary>). No configuration necessary.

Screenshots

detail

1,413 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.7

DownloadRelease notes

Added Ukrainian language (thank you @Sensetivity)

Version: 0.6

DownloadRelease notes

Edit summary element directly + remove heading feature again

Media Widget

This media widget can embed image, audio, video and iframe elements solely with their corresponding tags (<img>, <audio>, <video> and <iframe>) or wrapped within a <figure> when used with a caption.

In case the media element is wrapped within a figure element, this widget will add the CSS class image, audio, video or iframe to the figure element. It also supports alignment by setting an appropriate CSS class (left or right), and the attributes width, height and alt. The controls(audio and video) and allowfullscreen (iframe) are automatically set.

If you have installed a file browser that uses the API of the mediabrowser add-on or the filebrowser add-on, the Browse server button will appear. This widget itself does not provide any file browser.

No configuration necessary.

Screenshots

media

3,422 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.17

DownloadRelease notes

Added Ukrainian language (thank you @Sensetivity)

Version: 0.16

DownloadRelease notes

Add audio/mp3, audio/x-mp3, audio/mpeg3 and audio/x-mpeg3

Dropdown Details

Dropdown Details is a plugin to enable the creation and editing of HTML5 details elements in CKEditor.

If you've tried to work with a Details element in CKEditor, you know that there's a bunch of problems that need to be solved: you have to make the polyfill work for non-webkit browsers, in webkit you have to prevent the native behavior so you're able to correctly edit the legend, as it's a non-standard element with regards to CKEditor, you have to add it to the ACF system, enable a way to insert them, etc...

With Dropdown Details all these problems are solved so you don't have to spend your time with those issues and you can focus on more productive things.

Please, test our demo to see how easy is to use it and how you can add, edit, move around, delete and even nest one details element inside another one.

Don't be missguided by the screenshots below. This page at ckeditor.com seems to have problems at the moment and it doesn't allow to properly add and edit the screenshots

Screenshots

Product Page Commercial plugin

Format buttons

Use buttons to set the format of selected text heading to h1-h6.

Screenshots

format_buttons

14,385 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.1a1

DownloadRelease notes

User better icons

Media Embed Base

This plugin is a base of the Media Embed and Semantic Media Embed plugins. It exposes a set of tools under the CKEDITOR.plugins.embedBase namespace which can be used to create new media embed widgets.

Read more in the Embedding Media Resources guide.

embedbase

40,870 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Version: 4.5.11

DownloadRelease notes

Another bug fixing release for the 4.5 series.

Semantic Media Embed

This plugin lets you embed media resources with semantic output directly in the editor.

The plugin introduces a widget that allows you to embed resources (videos, images, tweets, etc.) hosted by other services (called the "content providers") in your content. By default the plugin uses the Iframely proxy service which supports over 1715 content providers such as YouTubeVimeoTwitterInstagramImgurGitHub, or Google Maps.

Note: The default configuration uses the public service provided by Iframely that has some limitations. If you want to continue using Iframely, it is recommended to create your own account and use your API key. Some services (like Google Maps) require setting up your API key, too, and adding it to your Iframely configuration.

See also the Media Embed plugin that creates embedded media resource without a semantic output, i.e. it will include the entire HTML needed to display the resource in the data, and the Auto Embed plugin that automatically turns a media resource URL pasted into the editing area into an embedded resource.

Screenshots

embedsemantic

16,493 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Version: 4.5.11

DownloadRelease notes

Another bug fixing release for the 4.5 series.

Imageresponsive

This is a further enhancement to the image2 plugin (enhanced image) by CKSource. It includes support for the responsive images attributes srcset and sizes. Two textfields are added to the dialog window, and it is possible to integrate with your custom fileuploader.

Installation
  1. Download the package.
  2. Extract files and save them in ckeditor/plugins/imageresponsive directory.
  3. Enable the plugin: config.extraPlugins = 'imageresponsive';

Dependencies: Requires the following plugins to work: Image2, Widget, Line Utilities, Dialog, Clipboard.

How to use

Either simply let users set the sizes and srcset attributes by hand, or integrate it with your own filebrowser/quickupload plugin.

Integrating with your own filebrowser

You can integrate this plugin further, when using a custom quickupload / filebrowser plugin for CKEditor.

You should implement the logic to save uploaded images in different sizes in your connector. These can either be static sizes or just percentages based on the width of the uploaded image. When using static sizes, you should check for the original dimensions and only use sizes lower than that.

When putting the callback to CKEditor into your custom filebrowser, you can pass in a complete srcset. This is done via the third parameter, which is executed in the scope of the dialog, if it is a function.

window.parent.CKEDITOR.tools.callFunction(callback, "/images/upload.jpg", function() {
    // Get the reference to a dialog window.
    var element,
        dialog = this.getDialog();
    // Check if this is the Image dialog window.
    if ( dialog.getName() == 'imageresponsive' ) {
        // Get the reference to a text field that holds the "srcset" attribute.
        element = dialog.getContentElement( 'info', 'srcset' );
        // Assign the new value.
        if ( element )
            element.setValue( 'upload-small.jpg 100w, upload-medium.jpg 500w, upload-big.jpg 1000w' );
    }
});

 

imageresponsive

42,290 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.2

DownloadRelease notes

  • Changed the ACF controlling (by @wwalc).
  • Put the dialog textfields in the right contextual places.

CKEditor Synonymizer

Syn plugin allows you to get synonyms for words in the text directly in the editor CKEditor. You click, right-click the word, resulting in a pop-up menu will get out all its synonyms.

Screenshots

Product Page Commercial plugin

Basic Styles

This plugin adds the following basic formatting commands to the editor:

  • Bold
  • Italic
  • Underline
  • Strikethrough
  • Subscript
  • Superscript

The output of these text styles can be customized with configuration options. Refer to the feature documentation for more information.

Screenshots

basicstyles

15,454,021 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Version: 4.5.11

DownloadRelease notes

Another bug fixing release for the 4.5 series.

Version: 4.4.8

DownloadRelease notes

Another bug-fixing release for the 4.4 series.

Version: 4.3.5

DownloadRelease notes

Another bug fixing release for the 4.3 series

Version: 4.2.3

DownloadRelease notes

Another bug fixing release for the 4.2 series

Version: 4.1.3

DownloadRelease notes

The next bug fixing release for CKEditor 4.1.x series

Version: 4.0.3

DownloadRelease notes

Another bug fixing release for the 4.0 series

Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check