Widget Context Menu

A CKEditor plugin which makes it possible to edit, copy and remove widgets using the right click context menu. This overcomes the problems of some widgets that are difficult to select. The name of the widget in the context menu is the title of the outer element, if that does not exist it shows the name of the widget.

Configuration

By default no configuration is required. To disable commands use any of the following config settings:

config.widgetcontextmenu_edit = false;
config.widgetcontextmenu_copy = false;
config.widgetcontextmenu_remove = false;

Dependencies:

  1. Context Menu Plugin (http://ckeditor.com/cke4/addon/contextmenu)
  2. Widget Plugin (http://ckeditor.com/cke4/addon/widget)

Installation:

  • Add the widget to your CKEditor build 

OR

  • Extract the downloaded file into the CKEditor’s plugins folder.
  • Enable the plugin by changing or adding the extraPlugins line in your configuration (config.js): config.extraPlugins = 'widgetcontextmenu'; 

Screenshots

widgetcontextmenu

4,220 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.13

DownloadRelease notes

Added Copy command and added config settings

FMath Editor

Mathematics on web.  

"FMath Editor" is a WYSIWYG formula editor (an equations editor).

It is based  ONLY on JavaScript, so it runs on any browser.

Screenshots

FMathEditor

13,914 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 3.1.2

DownloadRelease notes

How to install:

1. Download the package and unzip the content in folder plugins.

The folder structure must be plugins/FMathEditor/dialogs/...

2. Add in config.js the line

config.extraPlugins='FMathEditor';

Version: 3.3

DownloadRelease notes

ChangesL:
     - add theme selection in View menu;
     - add "table" properties;
     - add "image" properties;
     - solve known bugs;

 

How to install:

1. Download the package and unzip the content in folder plugins.

The folder structure must be plugins/FMathEditor/dialogs/...

2. Add in config.js the line

config.extraPlugins='FMathEditor';

Accessibility Checker

Accessibility Checker is an innovative solution that lets you inspect the accessibility level of content created in CKEditor and immediately solve any accessibility issues that are found.

It is built upon three key elements:

  • User Interface optimized for quick problem solving.
  • Flexibility allowing you to use the accessibility checking engine of your choice.
  • Quick Fix feature letting you fix common problems fully automatically!

The default implementation uses Quail as its accessibility tests library, but you can integrate any other similar library to achieve comparable results.

Requirements:

  • CKEditor 4.3+.
  • Balloon Panel plugin.
  • jQuery 1.x or later to run Quail.

 

a11ychecker

12,966 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.11 4.10 4.9

Version: 1.0.0

DownloadRelease notes

The first official Open Source release of Accessibility Checker.

Version: 1.1.0

DownloadRelease notes

New Features:

  • #228: Added compatibility with new CKEditor 4.6 default Moona-Lisa skin.

Fixed Issues:

  • #201imgShouldNotHaveTitle Quick Fix - if the image has both title  and alt attributes, the alt will be used as a default value.

  • #185: Added more verbose error message when jQuery is missing in Accessibility Checker built version.

Version: 1.1.1

DownloadRelease notes

New Features:

  • #240: Added Brazilian Portuguese localization. Thanks to Guilherme Alves!
  • #247: Introduced the process event in the Engine type, allowing for adding custom issue types.

Fixed Issues:

  • #233: Fixed: Balloon classes are localized, causing issues of a different testability to look the same.

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.

easykeymap

7,094 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

Its the first release of the plugin.

Version: 1.1

DownloadRelease notes

Add the wysiwygarea plugin requirement 

Version: 1.2

DownloadRelease notes

Add key code in callback function

Dropdown menu manager

Dropdown menu manager

This plugin adds the feature to describe with the help of the CKEditor's configuration various dropdowns and populate them with desirable items.

Configuration example
 config.dropdownmenumanager={
        'Widgets': {
          items: [{
            name: 'textWidget',
            label: 'Text Widget',
            command: 'theCommandExecutedOnClick',
            order: 1
            }],
          label: {
            text: 'Widgets',
            width: 45
          },
          iconPath:'/images/widgetIcon.png'
        },
 };

To add the dropdowns on the toolbar use the keys in the 'config.dropdownmenumanager' object , in this case: 'Widgets'

Simple toolbar:

 config.toolbar = [
    ['Widgets']
  ];

In order to show the dropdown menu's label you should not use the default CKEditor iframe functionallity.

dropdownmenumanager

13,874 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.1.0

DownloadRelease notes

Add label to the toolbar button functionality

 

Version: 2.1.0

DownloadRelease notes

Sketchfab CKEditor Plugin

The Sketchfab CKEditor plugin adds a Sketchfab button in a CKEeditor text-editing toolbar. This button allows to embed interactive 3D models right in your text.

Overview
  • Add a sketchfab button in your toolbar 

  • Paste a sketchfab url 

  • Embed a model in one click 

Supported editors

The CKE plugin can be used on any backend using CKEditor as a frontend text-editor, and able to parse [sketchfab] bbCode See examples for implementation details (currently: vBulletin 3.8 & vBulletin 4)

Getting started

Implementation may vary depending on your backend system (vBulletin, phpBB, wordpress ...). Specific implementation details are provided when available, but the main steps are basically the same:

  • Copy the src/ckeditor-plugin/sketchfab directory inside the plugins/ folder of CKEditor
  • Edit 'siteName' in plugin.js
  • Edit CKEditor's config (often found in config.js) to enable the plugin and efine the position of the Sketchfab button in your toolbar
[sketchfab] bbCode

Your text-editor / backend must support the [sketchfab] bbCode. The [sketchfab] bbCode converts a string such as [sketchfab]modelId[/sketchfab] into a Sketchfab embed (iframe). Implementation details may vary depending on your backend

Contact

Please send your questions or feedback to support@sketchfab.com

sketchfab

9,118 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0rc

DownloadRelease notes

v1

Convert 2 PDF

Convert ckeditor text to a PDF in one click.

When you click the convert2PDF button the text is automatically converted to a PDF.  Currently there are three outputs setting for the pdf.  You can open the PDF in a new window, the same window, or save the PDF with your desired file name.

No connection to the internet required.  No outside libraries used.  Plugin runs self-contained.

Releases

Plugin Version Ckeditor Versions 4.4 4.3 4.2 4.1 Version: 1.0 yes yes yes yes

Screenshots

Product Page Commercial plugin

CKWebSpeech Voice to Text

CKWebSpeech is a dictation tool with 32 languages ​​and 62 versions of cultures, capable of processing voice to text with the help of a microphone

Requirements:

For now only works for Chrome since version 25 or higher.

Release Notes:

v1.0.0

-Support for voice commands. Add new line,  add paragraph, undo and redo changes into CKEditor
-Full performance to basic package(CKEditor)

Screenshots

ckwebspeech

25,401 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0.0

DownloadRelease notes

-Support for voice commands
-Full performance to basic package(CKEditor)

Inline Cancel

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.

Usage 1. Add the plugin to your editor. Help 2. Set configuration options

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

inlinecancel

22,116 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

First release. Let me know if there are problems.

Version: 2.7.1

DownloadRelease notes

Set config to empty object if it is not defined by user

PerformX OpenAccess

Adds three buttons to the CKEditor toolbar that provide:

  • editor content templates,
  • a library of accessible tables, and
  • accessibility checking for editor content.
Editor content templates

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 library

This button gives you access to a configurable library of clearly structured, accessible tables.

Page accessibility checker

While 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.
Installation & configuration

For installation instructions, visit the Installation page.

The template and table libraries can be customised through the included .json files.
Contact us for documentation. 

License

Licensed under the GPLv2 license

Screenshots

performx

7,515 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.2.3

DownloadRelease notes

Fixed some bugs in IE 8.

Version: 1.0.1

DownloadRelease notes

PerformX OpenAccess Version 1.0.1

  • Branding modification
  • README.md added
Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check