Inline Cancel
- Categories: Accessibility, Usability
- Author: tyleryasaka
- License: GPL, LGPL, MPL
This is a simple cancel button for the CKEditor toolbar, designed to go along with the inlinesave addon. A customonCancel function can be specified, allowing the developer to implement his/her own functionality for the button.
The options are:
-
onCancel(function): function to call when the button is clicked; editor element is passed into this function (can be used to manually undo changes; see notes)
Sample configuration object (place this in your configuration file):
config.inlinecancel = {
onCancel: function(editor) { console.log('cancel', editor); }
};Display label
If you want the label "Cancel" to display next to the icon, add the following css to your site:
.cke_button_label.cke_button__inlinecancel_label {
display: inline;
}
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 2.7.1 |
||||
|
Set config to empty object if it is not defined by user |
||||
Show Protected
A plugin for CKEditor that makes protected source sections visible and editable. It'll show an icon in their place in the editor, which when double-clicked will bring up a dialog allowing them to be edited.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0.0 |
||||
|
Initial release |
||||
XML Templates
This plugin allows to use the XML format for templates used in the old FCKeditor with CKEditor
Installation
1. Extract the contents of the file into the "plugins" folder of CKEditor.
2. In the CKEditor configuration file (config.js) add the following code:
config.extraPlugins = 'xmltemplates';
3. In your config file, add a new entry to specify the location of the XML file with the templates, remember that it must be prefixed by "xml:"
config.templates_files : ['xml:fcktemplates.xml']
All the details and options are explained in the included install doc.
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0 |
||||
|
First and only version. Compatible with CKEditor 3 and 4 |
||||
PerformX OpenAccess
- Categories: Accessibility, Contents, Usability
- Author: Systemik
- License: GPL
Adds three buttons to the CKEditor toolbar that provide:
- editor content templates,
- a library of accessible tables, and
- accessibility checking for editor content.
This button gives you access to a configurable set of standard editor content templates (for example, policies, procedures, programs and reports), to help your content editors write and maintain content that complies with structural, language, and accessibility standards. Content editors can preview the available templates before selecting the one that suits their requirements.
Table libraryThis button gives you access to a configurable library of clearly structured, accessible tables.
Page accessibility checkerWhile site-wide validation can check the accessibility of your page templates, editor content within the page is constantly changing. This button checks the accessibility of editor content in the page with a single click.
Requirements- jQuery 1.6+ (download it from here). For Drupal users, the default Drupal installation includes jQuery, so you do not need to install jQuery separately. If you are not using Drupal, include the jQuery library file in the page where CKEditor is used.
- Browser: Tested on Internet Explorer 8 & 9, Mozilla Firefox and Google Chrome.
For installation instructions, visit the Installation page.
The template and table libraries can be customised through the included .json files.
Contact us for documentation.
Licensed under the GPLv2 license
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.0.1 |
||||
|
PerformX OpenAccess Version 1.0.1
|
||||
Keep TextSelection
- Categories: Accessibility, Tools, Usability
- Author: ingo
- License: MIT
The plugin that makes the editor keep it's text-selection when switching between WYSIWYG and Source mode, and scrolls the selection into the viewport.
Forked from https://github.com/sirtet/ckeditor-dev/tree/master/plugins/textselection
This Plugin will also work with the CodeMirror Plugin - http://ckeditor.com/cke4/addon/codemirror
Demohttp://w8tcha.github.io/CKEditor-TextSelection-Plugin/
LicenseLicensed under the terms of the MIT License.
Installation- Extract the contents of the file into the "plugins" folder of CKEditor.
- In the CKEditor configuration file (config.js) add the following code:
config.extraPlugins = 'textselection';
TODO
- Add Support for the Source Dialog Plugin
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.08 |
||||
|
||||
Special Symbols
- Categories: Contents, Tools, Usability
- Author: doksoft
- License: Commercial
Special Symbols is an easy-to-use advanced plugin for inserting any Unicode symbol into the document.
Key features:
- Adding any Unicode symbol to your page (you can configure the charset).
- Insert using either a dropdown popup or a dialog.
- Insert a special symbol as an image with specified font and size (this is optional).
Screenshots
Toolbar switch on Maximize
This plugin allows you to change the themed ui editor instance toolbar when switching between maximized mode and normal.
Requires:
- Maximize plugin. But not the button that goes with it. All toolbars used in the ckeditor instance have to use the 'Toolbarswitch' button instead.
- A custom config to define the small and big toolbars.
- function CKeditor_OnComplete(ckEditorInstance){ ... your own custom code or leave empty... } This was added to the plugin for those that wrap the ckeditor in other java script to shield the rest of their code from ckeditor version particularities.
-
Turn off advanced content filtering with: "config.allowedContent = true;" otherwise content will be filtered away when switching from a big to a small toolbar.
- jQuery
Example replace:
CKEDITOR.replace('sometextcomponentname', {
customConfig: '/...custom_ckeditor_config.js',
toolbar: 'yoursmalltoolbarname',
smallToolbar: 'yoursmalltoolbarname',
maximizedToolbar: 'yourbigtoolbarname'
});
In case you want to use the same config everywhere and do
CKEDITOR.replace('sometextcomponentname');
everywhere instead. Simply add the following to the "config.js":
config.toolbar_minToolbar = [...]; // Custom minimized toolbar config
config.toolbar_maxToolbar = [...]; // Custom maximized toolbar config
config.toolbar = 'minToolbar';
config.smallToolbar = 'minToolbar';
config.maximizedToolbar = 'maxToolbar';
config.allowedContent = true;
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 4.3.2 |
||||
|
Typo fix in javascript: https://github.com/paulveldema/ckeditor-plugins/issues/4 |
||||
Resize with window
This plugin allows you to resize the themed ui editor instance by dragging the corners of the surrounding window. The editor will resize in any direction the window is resized.
This plugin is an alternative to the resize method used in the plugin "Editor Resize". Therefore for correct functioning of resizewithwindow the 'resize' plugin should be disabled. The ckeditor config should contain:
config.resize_enabled = false;
This removes the visible component of resizing the editor by its own lower right corner.
Note: requires jQuery
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 4.3.3 |
||||
|
Fix: Toolbarswitch broke resizewithwindow in ckeditor version 4.3.2 |
||||
Statistics of the number of characters
- Categories: Contents, UI, Usability
- Author: leroy
- License: Commercial
Displays the total number of characters, number of characters in html and selected characters count. Plugin works on INLINE editing.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.5.1 |
||||
|
Supported CKEditor 4.2 |
||||
AutoSave Plugin
- Categories: Accessibility, Tools, Usability
- Author: ingo
- License: MIT
Auto Save Plugin for the CKEditor which automatically saves the content (via HTML5 LocalStorage) temporarly (for example when a login session times out). And after the content is saved it can be restored when the editor is reloaded.
Installation- Extract the contents of the file into the "plugins" folder of CKEditor.
- In the CKEditor configuration file (config.js) add the following code:
config.extraPlugins = 'autosave';
To Configure the Plugin the following options are available...
config.autosave = {
// Auto save Key - The Default autosavekey can be overridden from the config ...
Savekey : 'autosave_' + window.location + "_" + $('#' + editor.name).attr('name'),
// Ignore Content older then X
//The Default Minutes (Default is 1440 which is one day) after the auto saved content is ignored can be overidden from the config ...
NotOlderThen : 1440,
// Save Content on Destroy - Setting to Save content on editor destroy (Default is false) ...
saveOnDestroy : false,
// Setting to set the Save button to inform the plugin when the content is saved by the user and doesn't need to be stored temporary ...
saveDetectionSelectors : "a[href^='javascript:__doPostBack'][id*='Save'],a[id*='Cancel']",
// Notification Type - Setting to set the if you want to show the "Auto Saved" message, and if yes you can show as Notification or as Message in the Status bar (Default is "notification")
messageType : "notification",
// Show in the Status Bar
//messageType : "statusbar",
// Show no Message
//messageType : "no",
// Delay
delay : 10,
// The Default Diff Type for the Compare Dialog, you can choose between "sideBySide" or "inline". Default is "sideBySide"
diffType : "sideBySide",
// autoLoad when enabled it directly loads the saved content
autoLoad: false
};
How the Plugin works
The Plugin saves the content every 25 seconds (can be defined in the Config - autosave_delay), but only when the content has changed.
And when the Editor Page is reloaded and auto saved content is found and its different from the content loaded with the editor the user will be asked if the auto saved content should be loaded instead.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 0.18.6 |
||||
|
||||