Preview In Server
- Categories: Tools
- Author: Jeihcio Francis
- License: GPL, LGPL, MPL
Preview In Server is a simple plugin to view CKEditor text on your web page. The plugin sends to the server via POST or GET a predefined data model.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.16 | 4.15 | 4.14 | ||
|
Version: 1.0 |
||||
|
Initial |
||||
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
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.16 | 4.15 | 4.14 | ||
|
Version: 4.16.0 |
||||
|
The first major release of CKEditor 4.16.0 |
||||
|
Version: 4.15.1 |
||||
|
The first minor release of CKEditor 4.15.1 |
||||
Color Input
- Categories: Tools
- Author: jbangerter
- License: MIT
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.16 | 4.15 | 4.14 | ||
|
Version: 1.0.3 |
||||
|
||||
PayPal Payment Button
- Categories: Data, Tools, Usability
- Author: michaeljanea
- License: Commercial
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.16 | 4.15 | 4.14 | ||
|
Version: 0.1 |
||||
|
分组占位符选择器 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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.16 | 4.15 | 4.14 | ||
|
Version: 1.1.3 |
||||
|
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.16 | 4.15 | 4.14 | ||
|
Version: 1.0.0 |
||||
|
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.
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.16 | 4.15 | 4.14 | ||
|
Version: 4.16.0 |
||||
|
The first major release of CKEditor 4.16.0 |
||||
|
Version: 4.15.1 |
||||
|
The first minor release of CKEditor 4.15.1 |
||||
|
Version: 4.14.1 |
||||
|
The first minor release of CKEditor 4.14.1 |
||||
WProofreader
- Categories: Contents, Data, Tools
- Author: WebSpellChecker
- License: Commercial
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.
Screenshots
Translator
- Categories: Contents, Semantics, Tools
- Author: doksoft
- License: Commercial
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
