Simple image

Just a simple plugin to add images easily.

Options
  • CKEDITOR.config.simpleImageBase64allowed.  Defaults: false
    If false, user cannot add a base64 image.

Screenshots

SimpleImage

51,369 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 0.1.0

DownloadRelease notes

- Add a new option: 
CKEDITOR.config.simpleImageBase64allowed.  Defaults: false
If false, user cannot add a base64 image.

Image Gallery

Simple uploading and inserting images as a gallery into a CKEditor document. Flexibly configured templates with many variations let you customize your gallery as you want. Moreover, you can resize images and preview them right when you upload images.

If you use Lightbox, Fancybox or any other image viewing script, it will be automatically linked to your galleries.

PHP and ASP.NET server environments are supported.

Screenshots

Backup

Save contents of different CKEditor instances on different pages with help of CKEditor Backup Pro plugin.

It will protect you from:

  • Network fails
  • Accidently unsaved and closed document
  • Mistake editions

It stores full history of your editions on your computer (in browser's HTML5 storage) and you can restore it at any time you need.

The saving of contents may be:

  • Manual
  • Automatical: with configurable interval and snapshots limit, plugin understands duplicates and omits them

The plugin will also show you full featured preview when you choose a snapshot to restore.

Screenshots

Breadcrumbs (Navigation)

Facilitate easier user navigation through the website using a standard web component: breadcrumbs. 

You can easily insert new breadcrumbs or edit the existing one, change the default style using one of the predefined CSS styles. The separator for the elements can be changed too.

See YouTube Demo Video: http://www.youtube.com/watch?v=3YHkElR9qn0

Screenshots

Alert Messages

Use the Alert Messages plugin to add alerts to your pages. You can add information, warnings and other text messages in one of five color styles:

  • neutral
  • information
  • warning
  • success
  • error

This is similar to the Templates plugin, but for alerts. Just choose an alert box you need and insert your text there.

See YouTube Demo Video: http://www.youtube.com/watch?v=seNErarAUUg

Screenshots

Simple Image Browser

A simple plugin that allows you to integrate easily with any CMS solution while the user can easily add these within two clicks to their webcontent.

There is a video available. Click on the "demo" link to see it.

 

How to install?

You can build this together with CKEditor. You will need to configure this afterwards with the AJAX url. No other setup is required. You can set the config like so.

// If you haven't build CKEditor with this plugin.
CKEDITOR.config.extraPlugins = 'simple-image-browser';

// Add this line to configure for AJAX / JSON Reponse.
CKEDITOR.config.simpleImageBrowserURL = <INSERT URL>;
  JSON Response

The JSON Response exists now only of the url to the file. Nothing more is needed and all your logic can go in the AJAX file. Here is a example of what the JSON response should look like.

// JSON Response Example
[{
    // File 1
    url: <URL TO FILE HERE>
},{
    // File 2
    url: <URL TO FILE HERE>
}]

Screenshots

simple-image-browser

46,896 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 0.0.3

DownloadRelease notes

Compatibility with Builder.

Recordmp3js

NEW VERSION: https://github.com/pulipulichen/kals/raw/pudding/libraries/ckeditor/plugins/recordmp3js/recordmp3js.zip

Only tested on CKEditor 3.4.2.

This plugin is based on Recordmp3js.

You can use browser to record your voice.

Must include jQuery before use this plugin!

Screenshots

recordmp3js

332 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 1.0

DownloadRelease notes

20140906 第一次發佈

Image Browse

The imgbrowse CKEditor plugin allows images on the server to be browsed and picked for inclusion into the editor's contents, using Ajax and PHP.

Screenshots

imgbrowse

96,144 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 1.1

DownloadRelease notes

The path to the folder with images is now relative to the website Root on server.

Lightbox

Plugin for easy inserting and editing Lightbox gallery. It works similarly to the Link plugin.

 

Usage

  1. Download source files and place them into CKeditor's plugins folder. 
  2. Define plugin in CKEDITOR config object.
    CKEDITOR.config.extraPlugins = 'lightbox';
    
  3. Define extraAllowedContent option
    CKEDITOR.config.extraAllowedContent = 'a[data-lightbox,data-title,data-lightbox-saved]';
  4. Add lightbox button to your editor toolbar anywhere you like.
    CKEDITOR.config.toolbar = [
       {name:'links',items:['Link','Unlink','Anchor','lightbox']}
    ];
  5. Set your CKEDITOR language to 'en' or 'pl' if you did not set it yet.
    CKEDITOR.config.language = 'en';
    
  6. Download and install the latest version of Lightbox2 on your website (not administration panel)
  7. Clear your web browser cache
  8. Done.
  9. Rate or add comment if you enjoy.

Only en and pl languages are available.

Screenshots

lightbox

49,819 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 2.1

DownloadRelease notes

Some code changes

CKEditor Footnotes

Allows for the easy creation of footnotes inside a CKEditor instance.

Makes use of Widgets to allow for drag and drop reordering of footnote markers. Automatically reorders the footnotes and renumbers the markers.

Supports multiple instances of the same footnote and presents footnotes in the style of Wikipedia.

REPORTING BUGS: Please report bugs by raising an issue on the Github Issue Tracker rather than posting in the comments below. Thanks.

footnotes

39,052 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 1.1.0

DownloadRelease notes

Removed JQuery dependency. See github for other changes.

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