Image Crop and Resize

The "Image Crop and Resize" plugin adds to CKEditor the possibility to easily Crop and Resize the images when the user inserts them into the editor.

When the user adds a new image to the editor using any of the methods provided by the SimpleUploads plugin (toobar button, drag & drop, paste from the clipoard or quick upload tab) they will get a dialog to crop that image one set of dimensions that you have configured. This way those huge pictures that they upload from their cameras/phones now will fit correctly and will weight just a few Kb instead of several Mb.

In order to send the new images to your server, this plugin requires that you have correctly installed in your server the SimpleUploads plugin (can be purchased as a bundle with a discount)

Please, test the demo and read the full description about all the features in our page.

 

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

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

Version: 1.0

DownloadRelease notes

20140906 第一次發佈

CKWebSpeech Voice to Text

CKWebSpeech is a speech recognition plugin to CKEditor, it type out voice ideas into CKEdtior, with support for 32 languages from 62 culture variants.

Release Notes:

v1.0.0

-Support for voice commands. Add new line,  add paragraph, undo and redo changes into CKEditor
-Full performance to basic package(CKEditor)

Screenshots

ckwebspeech

31,361 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0.0

DownloadRelease notes

-Support for voice commands
-Full performance to basic package(CKEditor)

Image and Audio Uploader

Free PHP script that can be used to upload Image and Audio files (MP3, OGG, WAV) on server, with CKEditor, and use them automatically in the editor's contents.

- For Usage, see the "readme.html" file from tthe archive with this addon.

Screenshots

imgupload

111,091 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 2.1

DownloadRelease notes

Added feature to upload audio file (mp3, ogg, wav) that will be automatically added in ckeditor content.

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,199 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

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

Version: 2.1

DownloadRelease notes

Some code changes

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