Countdown Timers
The NiftyImages Widget Plugin for CKEditor is a Free and unique integration to enable countdown timers from the toolbar.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.2 |
||||
|
This release fixes a small bug found in the timer plugin |
||||
Prism Syntax Highlighter
- Categories: Contents, Styling, Tools
- Author: ranelpadon
- License: LGPL
Prism Syntax Highlighter is a plugin for inserting formatted texts or code snippets in your blog/website. It is an integration of PrismJS with CKEditor. PrismJS is the chosen syntax highlighter/colorizer because it is elegant, lightweight, and extendable. Actually, I use this plugin in my blog articles too.
MAIN FEATURES- Rendered with a beautiful, dark theme by default (I'm currently working on integrating other PrismJS themes).
- Displayed with line numbers on the left side of the codes.
- Syntax highlighting of over 50 programming languages (note that SVG and XML are under the HTML category, and JSON is under JavaScript). I also used Tiobe index to have an idea on what languages are important or popular.
This plugin utilizes/extends the following libraries:
- CKEditor Code Snippet Plugin
- CKEditor Code Snippet API
- Prism Syntax Highlighter with Dark Theme
- Prism Line Numbers Add-on
Essentially, it's the Code Snippet plugin with PrismJS under the hood. Hence, Prism Syntax Highlighter depends on the Code Snippet and make use of its toolbar button as well. Extending the Code Snippet plugin rather than creating an independent one means better code reuse, less bugs, and less effort. Consequently, this plugin has also localization/multilingual support because Code Snippet already does.
By default, Prism has no line numbering mechanism, so the Line Number add-on has been added. Likewise, in order for the line numbers to work smoothly in CKEditor and when rendering the code blocks in the actual page, I did some minor patching in default prism.js and prism.css files.
If you want other programming languages, add-ons, or themes, you may want to check-out first the PrismJS download page for other possibilities and you could send me your suggestion. PrismJS is very stable and well-tested, and it is just one of the excellent projects of Lea Verou, who is a prolific web developer.
Finally, if you want to lessen the list of available languages when setting the code block (since the list might be too long to your liking), you could utilize the config.codeSnippet_languages CKEditor property.
LIVE DEMO PAGEDemo page could be found here. It showcases numerous code blocks in various programming languages.
INSTALLATIONKindly refer to Installation Guide.
HOW TO USEKindly refer to How to Create and Edit Prism Snippets.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0.1 |
||||
|
Update the bundled docs. |
||||
Image Editor
- Categories: Contents, Data, Tools
- Author: doksoft
- License: Commercial
Simple yet very effective image editor brings in all major image editing capabilities to CKEditor. You can resize and crop images to any standard or custom resolution, adjust their brightness and contrast, draw shapes, flip or rotate, and write text on the canvas of an image.
Edited images are automatically uploaded to the server into a separate folder for easy use, and if File Manager is installed, no additional configuration of the server is required for that.
Image Editor also features a number of artistic effects including pixelization, sepia, emoticons, stickers, and freehand drawing. Importantly, the cost of a misdraw is zero thanks to unlimited Undo/Redo.
This plugin works with backends on PHP (Composer and stand-alone packages), Java (Spring Boot framework) or Node (JavaScript and TypeScript NPM package for Express server).
Screenshots
Easy Keymap
A plugin for custom keymap and keyboard shortcut action. This plugin can be configured to insert special charecter using shortcut or call a function for a specific keystrok. The plugin will not override any registered keystrok in keystrokhandler.
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.2 |
||||
|
Add key code in callback function |
||||
Bootstrap grid
Simple Bootstrap 3 grid creation plugin.
Please consider donation to keep me interested :)
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0b1 |
||||
|
Add some new languages |
||||
CKFinder
- Categories: Tools
- Author: CKSource
- License: Commercial
File manager and uploader created by the core development team behind CKEditor.
CKFinder integrates seamlessly with all CKEditor features such as drag-and-drop image upload to easily upload, edit and manage multiple files.
Features- Multiple file uploads with drag-and-drop support.
- Built-in image editor with cropping, resizing, rotating, adjusting brightness, contrast, saturation, exposure, and sharpness plus some pre-defined filter presets.
- Mobile friendly and fully responsive.
- Fully accessible with great keyboard navigation and screen reader support.
- Cloud storage support (Amazon, Dropbox) and FTP connector.
- Full user access control with private folders and Access Control List (ACL).
- Multiple localizations available.
- Moono skin compatible with the default CKEditor 4 skin.
- Customizable skins compatible with jQuery UI Themeroller.
- Quality image thumbnails with a variable size that the user can change with a simple slider.
- Fast – great performance overall.
- Powerful API and extensive documentation with samples allowing for adding new features.
- Friendly architecture built on top of well-known libraries such as jQuery, jQuery Mobile, Backbone, Marionette, and RequireJS.
- With PHP, ASP.NET, Java, ASP and ColdFusion server-side connectors.
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.
TinyFinder - Web File Manager
- Categories: Contents, Data, Tools
- Author: nestisamet
- License: Commercial
What is TinyFinder?
Multimedia document upload-search tool, and integrated with WYSIWYG editor. You can manage easily all of files, and use for any form element.
Visit project homepage:
http://tinyfinder.stemizer.net
Features:
- 100% MVC architectural pattern, Ajax requests, Json responses
- Multiple file uploads with progress bar
- Upload files using drag and drop from local device
- Get remote images using drag and drop from any website
- Resizing options for image uploads
- Configurable thumbnail resolution
- Multi-language support
- Templatable
Screenshots
Bootstrap 3 QuickTable
Simple plugin for adding Bootstrap 3 classes to table.
This is slightly modified version of Quicktable plugin.
This module depends on CKEditor Bootstrap 3 table module.
Please consider donation to keep me interested :)
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0b1 |
||||
|
Add better translatable variable support |
||||
Bootstrap 3 Table
Bootstrap 3 table plugin is based on original table plugin and extends it. This will add capability to add Bootstrap classes to table and removes some default functionality from table.
You may also like CKEditor Bootstrap 3 Quicktable plugin
Please consider donation to keep me interested :)
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0b2 |
||||
|
Some cleanup and better language support. |
||||
Text 2 Speech
- Categories: Tools
- Author: orionssoftware
- License: GPL, LGPL, MPL
Hi,
The plugin uses the speaker of Google, but can be used with any browser.
In a very banal, the reader will read the entire contents of CKEditor concerned. The plugin is developing.
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 0.1 |
||||
|
Rel 0.1 : for the first time , we must resolve Google captcha. After this, the browser open an another page with the speaker. |
||||