Youtube (+ search feature)

Embedding a YouTube video on a website is a common task in content management. But how to insert a video directly to the inner CKEditor area, you may ask. Well, here is the answer.

The YouTube plugin helps you embedding a video to your pages. All you need is just find the video you need using the keyword search or by its URL and press the "OK" button.

The plugin fully supports the new YouTube API v. 3. It has a video preview feature and the settings for the inserted video (e. g. video size, including custom sizes).

Screenshots

Spoiler

Plugin add spoiler to CKEditor

Screenshots

spoiler

40,098 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

DownloadRelease notes

First release

(La)TeX2MathML

Another Math editor plugin for CKEditor.

This plugin uses TeXZilla to convert user (La)TeX input to MathML. No MathJax neither bitmap images.

Screenshots

texzilla

45,314 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.2.1

DownloadRelease notes

Using TeXZilla 0.9.8.

Letter-spacing

This adds a "tracking" dropdown to CKEditor that allows users to apply the letter-spacing CSS property to text.

Screenshots

letterspacing

39,141 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 0.1.2

DownloadRelease notes

removespan

This plugin removes selection <span>

removespan

22,292 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0.3

DownloadRelease notes

Resolve conflicts between removeformat and removespan

Wenz Google Map Free

A simple Google Map plugin since I couldn't find any free one here, I made one for everyone. 

Hope you guys enjoy.

******usage ****

1) unzip and paste files to your plugin folder

2) edit config.js file, add the following

 config.extraPlugins = 'wenzgmap';    

*******************

Cheers

Ray(Wenz) 
Linkedin: http://linkd.in/L9YWPN
I hate googleplus. so let's AntiGooglePlus: http://www.antigoogleplus.org

Screenshots

wenzgmap

29,459 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

DownloadRelease notes

version 1 release

Custom Image Dialog / Custom Dialog

this plugin will replace default image toolbar dialog.

user will be able to replace dialog with what ever they want.

(even you can use it for other tag beside img)

visit my blog for further tutorial and discussion.

 

custimage

36,433 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

DownloadRelease notes

I haven't test it with version lower than 4.3, if doesn't work, please don't ask me to make it works for lower version :)

Text Signature

This plugin allows you to insert a signature below or above a text.

Installation

 1. Download the plugin from https://github.com/nmmf/textsignature
 
 2. Extract (decompress) the downloaded file into the plugins folder of your
    CKEditor installation.
    Example: http://example.com/ckeditor/plugins/textsignature
    
 3. Enable the plugin by using the extraPlugins configuration setting.
    Example:

CKEDITOR.config.extraPlugins = "textsignature";
Documentation

 

// Set signature:
CKEDITOR.plugins.textsignature.set(
    CKEditor Instance,
    (string) signature text or empty,
    (string) "top" or "bottom",
    (string) id for the signature node
);
 
// Style signature:
// Example id for the signature node is textsignature.
CKEDITOR.addCss("#textsignature { border: 1px solid black; }");
CKEDITOR.addCss("#textsignature.textsignature-empty { border: none; }");

 

textsignature

27,575 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0

DownloadRelease notes

First Release

Tested with CKEditor 4.3

27. Jan 2014

Image Resize

This Plugin provides a small image processor. You can limit the size of images directly on the client without upload images on your server. Big images will be resized automatically on paste.

## Installation

 1. Download the plugin from http://github.com/nmmf/imageresize
 
 2. Extract (decompress) the downloaded file into the plugins folder of your
    CKEditor installation.
    Example: http://example.com/ckeditor/plugins/imageresize
    
 3. Enable the plugin by using the extraPlugins configuration setting.
    Example: CKEDITOR.config.extraPlugins = "imageresize";

4. Config:
    CKEDITOR.config.imageResize.maxWidth = 800;
    CKEDITOR.config.imageResize.maxHeight = 800;

## Documentation

 // Resize all images in a node:
    CKEDITOR.plugins.imageresize.resizeAll(
        CKEditor Instance,
        (node) parent container,
        (integer) max-width,
        (integer) max-height
    );
 
 // Resize one image:
    CKEDITOR.plugins.imageresize.resize(
        CKEditor Instance,
        (node) image,
        (integer) max-width,
        (integer) max-height
    );
 
 // Detect browser support:
 // returns boolean true or false
    CKEDITOR.plugins.imageresize.support();

imageresize

142,194 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.0.2

DownloadRelease notes

Added configuration options

Base64 Image

Adds images from local client as base64 string into the source without server side processing. You can also add external image urls into the source.

Installation

 1. Download the plugin from http://github.com/nmmf/base64image
 
 2. Extract (decompress) the downloaded file into the plugins folder of your
    CKEditor installation.
    Example: http://example.com/ckeditor/plugins/base64image
    
 3. Enable the plugin by using the extraPlugins configuration setting.
    Example: CKEDITOR.config.extraPlugins = "base64image";

Screenshots

base64image

144,464 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.25 4.24 4.23

Version: 1.3

DownloadRelease notes

fixed issue with multiple ckeditor instances

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