Editor Placeholder

This plugin allows you to display a predefined placeholder text in the editor window if the content is empty. It makes accessing the editor area easier.

Screenshots

editorplaceholder

2,262 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.15 4.14 4.13

Version: 4.15.0

DownloadRelease notes

The first major release of CKEditor 4.15

Color Input

This is a new color input element that can be defined in the dialog definition.

  • Use getValue, setValue, setup, commit, just like you would with a text input.
  • Three layouts: expanded, compact, or minimal.
  • All layouts use and depend on the color dialog plugin.
  • Extract to your plugins directory and add the 'colorinput' plugin.
  • Add type: "color" elements to your dialogs. Example:
CKEDITOR.dialog.add('colorinputdialog', function(editor) {
    return {
        title: 'Color Input View',
        contents: [{
            id: 'info',
            label: 'Info',
            elements: [{
                id: 'color',
                type: 'color',
                'default': 'red', //optional
                layout: 'expanded', // optional: 'expanded' (default), 'compact', or 'minimal'
                label: 'Background Color'
            }]
        }]
    }
});

 

Screenshots

colorinput

398 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.15 4.14 4.13

Version: 1.0.2

DownloadRelease notes

  • Remove lint that was causing warnings in CKBuilder
  • Added bender unit tests
  • Tested in 4.15
  • Build script for easier release workflow and validation

PayPal Payment Button

Make it easy to buy one or more of a single item. Sell multiple items with one payment button.

Available Buttons:

  • Buy Now/Pay Now
  • Add to Cart

 

DEPENDENCIES:

It requires the following plugins to work: Widget and Line Utilities.

 

NOTE: You can send your suggestions, comments, concerns, or inquiries through mj.plugins.info@gmail.com or by filling up the contact form of my website. I'm having trouble using Disqus lol.

Screenshots

Grouped Placeholder Selector

Grouped Placeholder Selector

Screenshots

group_placeholder_select

153 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.15 4.14 4.13

Version: 0.1

DownloadRelease notes

分组占位符选择器

Grouped placeholder selector

Font Awesome 5 (Pro and Free)

Font Awesome 5 Icons plugin for CKeditor 4. Includes all the icons of Font awesome 5.13.0

Now supports the pro and free edition. When you uses an older version you can give the version number in de configs and the icons which are not present in this version wil not be shown.

Installation:

  • Add the fontawesome5 directory in the plugins folder of CKeditor 4.
  • Add 'fontawesome5' item to your toolbar
  • Add 'fontawesome5' item to your extra plugins
  • Configure the fontawesome settings in: config.fontawesome : { }
  • config.allowedContent = true;
  • $removeEmpty['span'] = false; Thats it.

Config options:
config.fontawesome : {

'path': 'path-to-you-all.css-file',
'version': '5.13.0',
'edition': 'pro', (default: pro, options: free,pro)
'element': 'span' (default span, options, all html elements such as i,div,span,a,p, etc..)

}

When you use an other element, don't forget to use $removeEmpty for the element.

Example:

  • config.toolbar = [['Source', '-', 'NewPage', '-', 'Templates','fontawesome5']];
  • config.extraPlugins = 'fontawesome5';
  • config.fontawesome = { 'path':'/path/to/your/font-awesome-5/all.css', 'version':'5.13.0', 'edition':'pro', 'element':'i' };
  • CKEDITOR.replace(editorname, config);
  • CKEDITOR.dtd.$removeEmpty['i'] = false;

For the latest version, go to my github:

https://github.com/daanwilson/cke-fontawesome5

Like the plugin? Please by me a beer

 

Screenshots

fontawesome5

732 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.15 4.14 4.13

Version: 1.1.3

DownloadRelease notes

Stylesheet modification for icons presentation

KaTeX

Installation:

  • Copy files to the "plugins" folder of CKEditor, then add `config.extraPlugins = 'katex';` in config.js.
    Please note, source code is ECMAScript 2016+. If you need to support old browsers, transpile the code on your own.
  • Or use official builder "https://ckeditor.com/cke4/builder".

Configuration:

// [Required] Pathes to the CSS and JS files of katex library.
config.katexLibCss = '';
config.katexLibJs = '';

// Default class of an element that will be converted into a widget.
config.katexClass = 'math-tex';

// List of delimiters to look for math. Each delimiter is array of:
// left delimiter (String), right delimiter (String), display mode (Boolean).
// By default `\(` and `\[` are used, but `$` and `$$` are also supported.
config.katexDelimiters = [...];

// Additional options to pass into `katex.renderToString`.
config.katexOptions = {...};

 

Screenshots

katex

202 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.15 4.14 4.13

Version: 1.0.0

DownloadRelease notes

Initial release.

Paste Tools

This plugin allows to create custom paste handling logic for a given paste type. It is used in the Paste from Word and Paste from Google Docs implementations.

It supports filtering content with Advanced Content Filter and custom filter files.

pastetools

124,559 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.15 4.14 4.13

Version: 4.15.0

DownloadRelease notes

The first major release of CKEditor 4.15

Version: 4.14.1

DownloadRelease notes

The first minor release of CKEditor 4.14.1

Version: 4.13.1

DownloadRelease notes

The first minor release for CKEditor 4.13.

WProofreader

WProofreader is an external solution for an advanced check of text for any spelling, grammar or style problems. It provides both as you type and on-click proofreading modes in a convenient UI. End users just need to hover on the marked words for instant corrections or have the whole text proofread at once in a separate dialog. 

Here’s why WProofreader:

  • Available as a standalone secure solution on your server or as an annual subscription to the service hosted by WebSpellChecker.
  • Out-of-the-box offer supports spell check in 17 languages and grammar check in 15 out of 17 default languages:  American English, British English, Brazilian Portuguese, Canadian English, Canadian French, Danish, Dutch, Finnish, French, German, Greek, Italian, Norwegian Bokmal, Portuguese, Spanish, Swedish and Ukrainian.
  • There are also over 150 additional languages and specialized dictionaries such as Medical and Legal available. You can check the full list here
  • Personal user dictionaries. Some rare or field-specific words may be not recognized by our proofreading engine and reported as a mistake. If the word is spelled correctly, a user can add it to their own dictionary to prevent it from being reported in the future.
  • Global custom dictionaries are company-wide vocabularies, which are created and set at an admin level on top of the base languages.
  • WAI-compliant, up to WCAG 2.1 and Section 508 accessibility standards.
  • All modern web browsers are supported including the latest stable versions of Chrome, Firefox, Safari, MS Edge, and Internet Explorer 11 and native mobile browsers such as iOS Safari and Chrome for Android.

WProofreader is a commercial solution developed and provided by WebSpellChecker. You can obtain the license here.

Translator

Install this to instantly translate content you edit in CKEditor to 90+ world languages.

Main features: 

  • Works directly from CKEditor, no exporting of content is required
  • Preserves the original HTML layout after translation
  • One-click translation. Just select the text and click the Translate button or press Ctrl+Enter.
  • The translation settings allow you to select the translation engine, the source language and the destination language.

The Translator plugin makes translation much easier and straightforward. Regardless of how complex the layout of your web page is, the plugin translates your content to the specified language in no time and with regards to context, and leaves the original formatting in place. No further adjustment or fine-tuning is required! This is literally click-and-go translation now available for CKEditor.
 

Screenshots

Multi Slider

Draw your customers’ attention to your bestsellers and promotions in a beautiful slider or carousel.

  • Upload photos to your slider to highlight your best products and increase traffic to your popular products.
  • Create a product image slider
  • Use customer images and testimonials in your slider
  • Highlight promotions and discounts in a slider
  • Showcase new additions to your store in a slider
  • Promote your best-sellers in an image slider
  • Show off your collections in a slider
  • Create a slider for banner images
  • Add call-to-action buttons and descriptions to your slider banners to get customers to relevant pages quickly.
  • Choose between several eye-catching slider transition styles.
  • Highly customizable design for Image Slider + Carousel: pick custom colors and fonts, adjust size, add borders, and more.
  • Image Slider + Carousel supports text in any language.
  • Image Slider + Carousel is mobile responsive on any device.
  • Instant access to 50+ POWr plugins, such as Social Feed for fresh content on your site and Popup for stellar landing page conversion.

Customer Support You Can Count On

If you have any questions or need help getting Multi Slider up and running, we’re here to help! Please visit our Help Center for tips, support, and answers to common questions.

Screenshots

powrmultislider

1,597 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.15 4.14 4.13

Version: 1.0

DownloadRelease notes

This is version 1.0 for POWr Multi Slider.

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