Format buttons

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

Screenshots

format_buttons

25,186 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

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

75,335 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

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 which 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 resources 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

25,357 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

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

58,195 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

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

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

16,843,413 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

BiDi (Text Direction)

This plugin makes it possible to change the text direction (HTML "dir" attribute) for a block-level content element such as a paragraph, header, table or list. It is useful for working with bi-directional language content.

Note: When this plugin is enabled, other direction-aware commands (like indentation) will adapt to the text direction setting in the cursor location.

See also: The Language plugin which implements the WCAG 3.1.2 Language of Parts specification.

 

Screenshots

bidi

8,919,151 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

Blockquote

This plugin provides the feature of block-level quotation (HTML <blockquote> tag) in contents.

Screenshots

blockquote

15,683,481 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

Format

This plugin adds Format combo allows you to apply block-level format styles including "paragraph", "heading 1-6", "formatted", "address", etc. Format styles list is fully configurable.

Screenshots

format

15,786,749 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

Link

This plugin adds the following link and anchor related features:

  • The dialog to insert links and anchors with some properties.
  • The ability to insert a link with the URL using multiple protocols, including an external file if a file manager is integrated.
  • The context menu option to edit or remove links and anchors.

Screenshots

link

16,797,695 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.24 4.23 4.22

Version: 4.23.0-lts

DownloadRelease notes

First major release of CKEditor 4.23.0-lts

Version: 4.22.1

DownloadRelease notes

First minor release of CKEditor 4.22.1

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