Upload Image
This plugin enables support for uploading images that were dropped or pasted into the editor. See the live demo.
The upload is implemented in a non-blocking way, so while the image is being uploaded the user may continue editing the content.
This plugin can be combined with a file manager such as CKFinder to provide image storage, browser and editor capabilities.
This plugin is based on the Upload Widget plugin which allows to create more upload widgets, for example, for handling different file types.
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.25 | 4.24 | 4.23 | ||
Version: 4.24.0-lts |
||||
First major release of CKEditor 4.24.0-lts |
||||
Version: 4.23.0-lts |
||||
First major release of CKEditor 4.23.0-lts |
Upload Widget
This plugin implements a base class for creating non-blocking, live upload of files while the user is editing content.
See for instance the Upload Image plugin's demo. When you paste or drop an image, its preview is immediately inserted into the content allowing you to edit content while the file is being uploaded.
The plugin allows to create more upload widgets, for example for handling different file types.
This plugin can be combined with a file manager such as CKFinder to provide file storage, browser and editor capabilities.
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.25 | 4.24 | 4.23 | ||
Version: 4.24.0-lts |
||||
First major release of CKEditor 4.24.0-lts |
||||
Version: 4.23.0-lts |
||||
First major release of CKEditor 4.23.0-lts |
File Tools
This plugin exposes a set of tools such as the UploadRepository and FileLoader which simplify operations on files like loading or uploading. This plugin is used for example by the Upload Widget and Upload Image plugins.
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.25 | 4.24 | 4.23 | ||
Version: 4.24.0-lts |
||||
First major release of CKEditor 4.24.0-lts |
||||
Version: 4.23.0-lts |
||||
First major release of CKEditor 4.23.0-lts |
Text Shadow
- Categories: Contents, Layout, Styling
- Author: michaeljanea
- License: Commercial
Add shadows to your texts without editing the source code!
- Available in 66 languages
DEPENDENCIES:
It requires the following plugins to work: Color Dialog.
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.
Media Embed Base
This plugin is a base of the Media Embed and Semantic Media Embed plugins. It exposes a set of tools under the CKEDITOR.plugins.embedBase namespace which can be used to create new media embed widgets.
Read more in the Embedding Media Resources guide.
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.25 | 4.24 | 4.23 | ||
Version: 4.24.0-lts |
||||
First major release of CKEditor 4.24.0-lts |
||||
Version: 4.23.0-lts |
||||
First major release of CKEditor 4.23.0-lts |
Semantic Media Embed
This plugin lets you embed media resources with semantic output directly in the editor.
The plugin introduces a widget that allows you to embed resources (videos, images, tweets, etc.) hosted by other services (called the "content providers") in your content. By default, the plugin uses the Iframely proxy service which supports over 1715 content providers such as YouTube, Vimeo, Twitter, Instagram, Imgur, GitHub, or Google Maps.
Note: The default configuration uses the public service provided by Iframely which has some limitations. If you want to continue using Iframely, it is recommended to create your own account and use your API key. Some services (like Google Maps) require setting up your API key, too, and adding it to your Iframely configuration.
See also the Media Embed plugin that creates embedded media resources without a semantic output, i.e. it will include the entire HTML needed to display the resource in the data, and the Auto Embed plugin that automatically turns a media resource URL pasted into the editing area into an embedded resource.
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.25 | 4.24 | 4.23 | ||
Version: 4.24.0-lts |
||||
First major release of CKEditor 4.24.0-lts |
||||
Version: 4.23.0-lts |
||||
First major release of CKEditor 4.23.0-lts |
Extra Form Attributes
- Categories: Clipboard, Styling
- Author: awheelertws
- License: GPL
The ExtraFormAttributes plugin for CKEditor extends the core Forms plugin adding the ability to specify the class & id attributes on various form elements.
Features Overview- Adds class and ID attributes to the following form elements / dialogs: textfield, select, button, textarea, radio, and checkbox
- Adds class attribute to the following elements: form
- CKEditor version 4.4.7 or greater [http://ckeditor.com/](http://ckeditor.com/)
- The Forms plugin for CKEditor (normally installed by default)
- Extract the downloaded repository
- Copy the **extraformattributes** folder to your **"ckeditor/plugins/"** folder
- Open the **"ckeditor/config.js"** file in your favorite text editor
- Add **extraformattributes** to **config.extraPlugins** and save your changes. If that line isn't found, add it. EX: config.extraPlugins = 'extraformoptions';
This plugin was developed and is maintained by the [https://totalwebservices.net/](Total Web Services team).
A big thanks goes out to the following people & organizations:
WebsiteRelevance.com - for supporting the development of the plugin.
[http://www.ckeditor.com](CKEditor) - For providing CKEditor so we could build this plugin for it.
Licensed under GPL Version 3.0. For additional details please see the LICENSE.md file in the download.
Screenshots
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.25 | 4.24 | 4.23 | ||
Version: 1.0 |
||||
The Extra Form Attributes plugin for CKEditor extends the core Forms plugin adding an Extra Options tab onto several elements. This allows you to specify the HTML ID and CLASS attributes on your HTML forms in CKEditor.
|
MJ Buttons
- Categories: Data, Layout, Styling
- Author: michaeljanea
- License: Commercial
Add buttons to your write-ups without editing the source code!
- Available in 66 languages
- 8 color variations
- 3 available sizes
- Works on inputs and buttons
- No images required
- NEW - Select from 9 Font Families and optional font size
For Bootstrap users, see: Bootstrap Buttons
For Foundation users, see: Foundation Buttons
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.
MJ Breadcrumbs
- Categories: Contents, Layout, Styling
- Author: michaeljanea
- License: Commercial
Add breadcrumbs to your write-ups without editing the source code!
- Available in 66 languages
For Bootstrap users, see: Bootstrap Breadcrumbs
For Foundation users, see: Foundation Breadcrumbs
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.
HTML 5 Validation
- Categories: Contents, Data, Tools
- Author: awheelertws
- License: GPL
The HTML5Validation plugin for CKEditor extends the core Forms plugin adding a Form Validation tab onto several elements. This allows you to add HTML5 Form Validation attributes onto your forms inside of CKEditor.
Features Overview- Adds Form Validation tab to textfield, textarea, radio, checkbox, and select form dialogs. The Form Validation tab allows you to set the HTML5 Required & Pattern attributes
- Adds Form Validation tab to form dialog. This allows you to add a novalidate HTML5 attribute to the form tag to disable HTML5 form validation
- CKEditor version 4.4.7 or greater http://ckeditor.com/
- The Forms plugin for CKEditor (normally installed by default)
- Extract the downloaded repository
- Copy the html5validation folder to your "ckeditor/plugins/" folder
- Open the "ckeditor/config.js" file in your favorite text editor
- Add html5validation to config.extraPlugins and save your changes. If that line isn't found, add it. EX:
Credits / Tributeconfig.extraPlugins = 'html5validation';
This plugin was developed and is maintained by the https://totalwebservices.net/.
A big thanks goes out to the following people & organizations: http://www.websiterelevance.com - for supporting the development of the plugin. http://www.ckeditor.com - For providing CKEditor so we could build this plugin for it. Piotrek Reinmar Koszuliński - A developer on the CKEditor team who pointed us in the right direction with a bug we encountered during development.
LicenseLicensed under GPL Version 3.0. For additional details please see the LICENSE.md file.
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.25 | 4.24 | 4.23 | ||
Version: 1.0.0.4 |
||||
Added German translation (special thanks to Stefan Berger) |