CKEditor 4

Read only Source Dialog

This plugin shows the html source of the editor content in read-onlymode

Download Add to my editor
ccmssourcedialog

10,731 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0rc

Download• Release notes

This is first release.

Simple Button

Introduction

Create an HTML button that acts like a link

Add-on Installation Instructions

Enable the plugin by using the extraPlugins configuration setting

config.extraPlugins = 'simplebutton';

If you use sourcedialog plugin, you need to enable allowedContent option

config.allowedContent = true;
Add item with custom toolbar
config.toolbar = [
	...
	{ name: 'other', items: ['simplebutton'] }
]
My other plugin

Video Snapshot

Funding

Thank you for your interest in giving to this plugin. You can make a donation by clicking on the paypal button in my website.

Screenshots

carousel
carousel
carousel
Download Add to my editor
simplebutton

19,382 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0.3

Download• Release notes

- Added parseInt to ensure c is an int

ACDC Placeholder

This plugin creates  placeholder text which has  click event attached to it. Additional events can be attached to it as well which can be used to pop up new dialog or add custom login based on the business needs 

it has functions attached to editor to show and hide Icons or show postion of the placeholder within the CKeditor. All that needs to do is pass a function to the editor instance 

 

 

Download Add to my editor
ccmsacdc

15,388 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.1

Download• Release notes

Removed PlaceholderIdLoader.js file

Imgur

A CKEditor plugin that help you upload images to imgur in easy way.

imgur is a photo storage service for free.

Download Add to my editor
imgur

16,991 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0.0

Download• Release notes

The first stable release.

Table Tools

Are you tired of working with annoying tables? Rows and columns just don’t stay as you want them to? Table Tools saves the day!
Just install Table Tools and receive a full range of possibilities to build a table of any complexity effortlessly.
 
The plugin has its own library that allows any table transformations including creating rows and columns, swapping places, merging and splitting cells.
You can configure styles, classes and cell attributes and apply them to the whole table or just a specific column, row or cell.
 
By the way, the set of plugins integrates to Foundation and Bootstrap frameworks. So you just need to select the framework and Table Tools will take into account its specifics automatically.

 

Screenshots

carousel
carousel
carousel

Product Page

Drag and Drop Image Uploads

Hey! 

This was supposed to be deleted, like, a year ago. Yet... still here! 

 

Stop downloadin' it, people.  It no work-y. 

Download Add to my editor
dragdrop

2,009 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 0.1.0

Download• Release notes

Release V.0.1.0

Drag and Drop uploading of Images

Currently Imgur and S3 are the two upload locations supported, but, since uploading files boils down to submitting a POST towards the general direction of a server, new backends are trivial to implement.

Imgur:

CKEDITOR.editorConfig = function( config ) {
  // rest of config
  config.extraPlugins = 'dragdrop';

  // configure the backend service and credentials
  config.dragdropConfig = {
      backend: 'imgur',
      settings: {
          clientId: 'YourImgurClientID'
      }
  }
});

AWS S3:

CKEDITOR.editorConfig = function( config ) {
  // rest of config
  config.extraPlugins = 'dragdrop';

  // configure the backend service and credentials
  // aws requires a few extra.. 
  config.dragdropConfig = {
      backend: 's3',
      settings: {
          bucket: 'bucketname',
          region: 'your-region',
          accessKeyId: 'key',
          secretAccessKey: 'secret-key'
      }
  };
});

Dropdown menu manager

Dropdown menu manager

This plugin adds the feature to describe with the help of the CKEditor's configuration various dropdowns and populate them with desirable items.

Configuration example 
 config.dropdownmenumanager={
        'Widgets': {
          items: [{
            name: 'textWidget',
            label: 'Text Widget',
            command: 'theCommandExecutedOnClick',
            order: 1
            }],
          label: {
            text: 'Widgets',
            width: 45
          },
          iconPath:'/images/widgetIcon.png'
        },
 };

To add the dropdowns on the toolbar use the keys in the 'config.dropdownmenumanager' object , in this case: 'Widgets'

Simple toolbar:

 config.toolbar = [
    ['Widgets']
  ];

In order to show the dropdown menu's label you should not use the default CKEditor iframe functionallity.

Download Add to my editor
dropdownmenumanager

19,841 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 2.1.0

Download• Release notes

Add promise support for the menu items labels

Bootstrap Responsive Visibility

Bootstrap Visibility Plugin for CKEditor

The Bootstrap Visibility plugin for CKEditor extends several dialog windows adding a "Responsive Visibility" tab that allows you to control if various elements should be displayed on different screen sizes. This uses Bootstrap 3's responsive classes. This will only work on websites which are already using the Bootstrap 3.x framework.

Features Overview
  • Adds a "Responsive Visibility" tab to the following element dialogs: text field, textarea, button, select, radio, checkbox, div, table, image, image button, flash, and form
  • Localizations for English, Spanish, Italian, French, & Russian
Requirements
  1. CKEditor version 4.4.7 or greater http://ckeditor.com/
  2. The Forms plugin for CKEditor (normally installed by default)
  3. The front-end of your website must already be using the Bootstrap 3.X frameworkhttp://getbootstrap.com/
Installation Instructions
  1. Extract the downloaded repository
  2. Copy the bootstrapVisibility folder to your "ckeditor/plugins/" folder
  3. Open the "ckeditor/config.js" file in your favorite text editor
  4. Add bootstrapVisibility to config.extraPlugins and save your changes. If that line isn't found, add it. EX:

config.extraPlugins = 'bootstrapVisibility';

Credits / Tribute

This plugin was developed and is maintained by the https://totalwebservices.net/.

A big thanks goes out to the following people & organizations: http://www.websiterelevance.com - for supporting the development of the plugin. http://www.ckeditor.com - For providing CKEditor so we could build this plugin for it. http://getbootstrap.com/ - For providing the awesome Bootstrap framework for everyone to use.

License

Licensed under GPL Version 3.0. For additional details please see the LICENSE.md file.

Screenshots

carousel
Download Add to my editor
bootstrapVisibility

40,084 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

Download• Release notes

  • Adds a "Responsive Visibility" tab to the following element dialogs: text field, textarea, button, select, radio, checkbox, div, table, image, image button, flash, and form
  • Localizations for English, Spanish, Italian, French, & Russian

Notification Aggregator

This plugin exposes the NotificationAggregator class which allows you to aggregate multiple tasks (e.g. uploading multiple files) into a single notification.

This addon complements the Notification plugin that lets you create the notifications which are displayed inside CKEditor and can be combined with your website or CMS notifications.

Screenshots

carousel
Download Required
notificationaggregator

1,310,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.25 4.24 4.23

Version: 4.24.0-lts

Download• Release notes

First major release of CKEditor 4.24.0-lts

Version: 4.23.0-lts

Download• Release notes

First major release of CKEditor 4.23.0-lts

Notification

This plugin implements methods for creating and displaying various types of notifications – information, warning, success and progress.

It can be combined with the Notification Aggregator plugin to create notifications aggregating many small tasks in one message.

Screenshots

carousel
carousel
Download Required
notification

1,960,191 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.25 4.24 4.23

Version: 4.24.0-lts

Download• Release notes

First major release of CKEditor 4.24.0-lts

Version: 4.23.0-lts

Download• Release notes

First major release of CKEditor 4.23.0-lts

Online builder

Your plugins

  • 39 from preset
  • 0 selected
  • 22 required

Your skin

Moono-Lisa

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