Line Height
Adds the functionality to set the line-height property of an element similar to the font-size.
Installation notes:
- Add "lineheight" in the toolbar configuration alongwith other plugins. Refer this link for toolbar configuration
- Add "lineheight" in config.extraPlugins in the config.js file. Refer this for setting configurations
Adding custom values for line-height:
if you want to add your own values for line-height, you can modify the CKEDITOR.config.line_height in config.js. Let's assume that you need line-height value in "em" other than default integers. So, all you need to do is to add this line in the config.js file:
config.line_height="1em;1.1em;1.2em;1.3em;1.4em;1.5em" ;
In this way, you'll have your custom values in dropdown and hence you can modify it accordingly.
Or if you want values in pixels, then:
config.line_height="1px;1.1px;1.2px;1.3px;1.4px;1.5px" ;
So, you can have any unit for line-height using this option. For more information on modifying the settings, you can refer this link
Adding new languages
Translate "Line Height" into your language using any translation tools.
- Create a new file and name it as yourLanguageCode.js, for eg: en.js for English, fr.js for French and put it inside lang folder.
- Copy this code and replace en and "Line Height" with your language code and the translation respectively:
CKEDITOR.plugins.setLang('lineheight','en', {
title: 'Line Height'
} );
Note: Please review and rate this plugin. It will help other users before they use it.
If you still face any problems, feel free to clear it in the comments below or just head over to Stackoverflow.com and make sure you tag proper keywords in your question. I will be glad to assist you.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.25 | 4.24 | 4.23 | ||
|
Version: 1.0.4 |
||||
|
Added languages |
||||
Image Gallery
- Categories: Contents, Data, Tools
- Author: doksoft
- License: Commercial
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
Image Crop and Resize
- Categories: Clipboard, Tools, Usability
- Author: Uritec
- License: Commercial
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
- Categories: Contents, Data, Tools
- Author: doksoft
- License: Commercial
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)
- Categories: Contents, Layout, Tools
- Author: doksoft
- License: Commercial
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
- Categories: Contents, Data, Tools
- Author: doksoft
- License: Commercial
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
- Categories: Contents
- Author: EpicSoftworks
- License: MIT
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.25 | 4.24 | 4.23 | ||
|
Version: 0.0.3 |
||||
|
Compatibility with Builder. |
||||
Recordmp3js
- Categories: Contents
- Author: pulipuli.chen
- License: MIT
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.25 | 4.24 | 4.23 | ||
|
Version: 1.0 |
||||
|
20140906 第一次發佈 |
||||
CKWebSpeech Voice to Text
- Categories: Accessibility
- Author: infectedalex
- License: GPL, LGPL, MPL
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.25 | 4.24 | 4.23 | ||
|
Version: 1.0.0 |
||||
|
-Support for voice commands |
||||
Image and Audio Uploader
- Categories: Tools
- Author: CoursesWeb
- License: GPL, LGPL, MPL
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.25 | 4.24 | 4.23 | ||
|
Version: 2.1 |
||||
|
Added feature to upload audio file (mp3, ogg, wav) that will be automatically added in ckeditor content. |
||||