FontAwesome5

FontAwesome5 allows you to insert formatted Font Awesome 5.11.2 into your text in CKEditor.

Install:

  1. add in your html page all.min.css
  2. add in your config.js from ckeditor folder:
  • config.extraPlugins = 'ckeditorfa5';
  • config.contentsCss = '/{your_path}/all.min.css';

For Font Awesome 4.7 use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa-0

Screenshots

ckeditorfa5

125 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 5.0

DownloadRelease notes

FontAwesome5 allows you to insert formatted Font Awesome version 5.11.2 into your text in CKEditor.

  1. add in your html page all.min.css
  2. rename folder ckeditorfa to ckeditorfa5
  3. add in your config.js from ckeditor folder:
    • config.extraPlugins = 'ckeditorfa5';
    • config.contentsCss = '/{your_path}/all.min.css';

Spreadsheet

This plugin offers Excel-like functionality available right inside CKEditor 4. It allows you to create intelligent, data-driven documents in your WYSIWYG editor. This makes it a perfect solution for financial, auditing, engineering, technical and science industries.

When enabled, the Spreadsheet plugin allows you to insert advanced spreadsheet widgets into your rich-text content and provides the following features:

  • Inserting spreadsheets with and without a header row or column and with any number of rows and columns.
  • Inserting spreadsheets using predefined templates.
  • Converting existing tables to spreadsheet instances and vice versa.
  • Spreadsheet structure manipulation like adding, removing and resizing rows and columns.
  • Single and multi-column sorting.
  • Basic data styling like bold, italic, underline and so on.
  • Selecting cell type and formatting with data validation support.
  • Using formulas.
  • Auto filling rows and columns.
  • Applying various conditional formatting rules to single and multiple cells, entire columns or spreadsheets.
  • Advanced copying and pasting.

For a more detailed Spreadsheet plugin functionality overview, refer to the Creating Data Grids with Spreadsheet Plugin article. See the Spreadsheets Integration guide for information about how to install and configure the plugin.

This feature is provided as a commercial product and provides integration with our partner solution, Handsontable. A license can be purchased here.

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.

Paste Upload Image

Base on paste event,
1. Automatically upload images.
2. Automatically upload image url (parse html get '<img>' src to backend download,then backend will return a new image url).

pasteUploadImage

395 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 0.3

DownloadRelease notes

1. remove paste from word

2. modify json data structure

 

FontAwesome

FontAwesome allows you to insert formatted Font Awesome icon (version 4.7) into your text in CKEditor.

Install:

  1. add in your html page font-awesome.min.css
  2. add in your config.js from ckeditor folder:
  • config.extraPlugins = 'ckeditorfa';
  • config.contentsCss = '/{your_path}/font-awesome.min.css';

For Font Awesome 5.11 use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa5

Screenshots

ckeditorfa

580 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 2.1

DownloadRelease notes

ckeditor4 for Font Awesome 4.7

Paste from Google Docs

This plugin allows you to paste content from Google Docs and maintain original content formatting.

Paste from Google Docs retains the following features:

  • Text formatting
    • Text and background colors
    • Font family, style and size
    • Basic formatting (bold, italic, underline)
    • Font effects (strikethrough, superscript, subscript)
    • Heading levels
    • Text alignment
  • Lists
    • Numbered and bulleted lists
    • Multilevel lists
    • Different numbering formats (Roman, decimal, alphanumeric)
    • Custom start number (e.g. you can start the list from number 4)
  • Tables
    • Borders and shading
    • Cell size (width and height)
    • Cell alignment
    • Text formatting (as listed above)
  • Images

Screenshots

pastefromgdocs

13,121 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.13 4.12 4.11

Version: 4.13.0

DownloadRelease notes

The first release for CKEditor 4.13.

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.

pastetools

14,831 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.13 4.12 4.11

Version: 4.13.0

DownloadRelease notes

The first release for CKEditor 4.13.

PacaTube

This plugin allows you to insert Youtube videos using just the URL of the video.

This plugin allows to have the bbcode [youtube] [/ youtube] The problem is that you do not have the preview of the video.

Installation

Follow these steps:

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

 

Information:
Anyone can edit it if they want to preview the video, this plugin is free of rights 

Screenshots

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 0.1

DownloadRelease notes

Version: 0.1

Inserting youtube bbcode

A11yFirst Help

This plugin adds the A11yFirst Help menu button to the editor toolbar, which launches a dialog box that provides explanatory text on topics that help authors understand the accessibility issues of editing web documents.

It compliments and provides specific information on the use of the full suite of A11yFirst plugins: Heading / Paragraph, Character Style, A11yFirst Image and A11yFirst Link.

Overview

Each of the A11yFirst plugins embodies a new approach to authoring accessible web documents. Rather than relying upon a reactive model that detects problems after they exist, the A11yFirst approach is proactive. It enables authors to create content that is accessible during the authoring process, by providing feedback and validation on a feature-by-feature basis.

For example, once an author becomes familiar with the requirements for, say, adding images to documents, it becomes second nature to provide alternative text when the image is added, and to consider whether the image needs a longer description in the document.

Features

The A11yFirst Help dialog box contains the following information:

  • How to get started using A11yFirst for CKEditor and why accessibility is important

  • How to work with the A11yFirst features, as well as a few of the standard features included in CKEditor that are important for accessibility

  • The purpose of, and contributors to, the A11yFirst Project

In particular, it includes the following topics and subtopics:

Heading / Paragraph

  • Menu items
  • About headings
  • About paragraph formats
  • Why headings and paragraph formats are important
  • More information

List

  • Working with lists
  • List properties via context menu
  • About lists
  • Why lists are important

Image

  • Accessible image descriptions
  • Alternative text
  • Long descriptions for complex images
  • Adding a long description in the document
  • Insert a caption text box below the image
  • Writing effective alternative text
  • Why image descriptions are important
  • More information

Character Style

  • Working with character styles
  • About character styles
  • Character styles vs. headings, lists and paragraph formats

Link

  • Display Text
  • About links
  • Why links are important
  • More information

Getting Started

  • What is A11yFirst?
  • Commitment to accessibility
  • Document accessibility
  • A different way of thinking

About A11yFirst

  • Project Description & Goals
  • Project Information
  • Contributors
  • Sponsors
  • Acknowledgements

 

a11yfirsthelp

360 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 1.2.3

DownloadRelease notes

v1.2.3 — 16 Sep 2019

Updates

  • Toolbar button tooltips

    • Added 'A11yFirst' prefix to 'Image' and 'Link' tooltips to differentiate them from standard plugins.
  • Changed default toolbar groups to existing groups that are used by Builder, to fix problem with two plugins not showing up in default toolbar:

    • 'Heading' button default group is 'paragraph'
    • 'A11yFirstHelp' button default group is 'mode'
  • Character Styles plugin

    • Updated list of default styles by removing 'u' and 'strike', which seem redundant when 'ins' and 'del' are also in the list.
  • A11yFirst Link plugin

    • Updated styling of 'Help' button to match A11yFirst Image
  • Created A11yFirst Documentation Wiki website that includes the following four pages:

 

A11yFirst Link

This plugin adds the A11yFirst Link button to the editor toolbar. It provides authors with features for ensuring that the display text of a link is accessible for people with disabilities.

It is a replacement for the standard Link plugin.

Overview

The A11yFirst Link plugin has all the features of the standard Link plugin, but adds additional validation of the link display text to check for common accessibility issues.

For example, the plugin checks for display text that does not describe the target of the link, e.g "click here", "more", etc.

It prompts the author when a URL is used as the display text, as they are typically not very descriptive of the link target. However, they are allowed through a confirm dialog box, which warns the user of the accessibility problems of using the URL.

In general, this plugin helps authors understand the importance of display text in describing the target of a link as accurately and succinctly as possible.

Features

Display Text Validation

  • Does not allow empty Display Text
  • Does not default to using the URL as the Display Text
  • Warns when a URL is used as the Display Text
  • Detects the use of ‘click here,’ ‘more’ et al.

Help

The help command opens the A11yFirst Help plugin option to help authors learn more about the accessibility issues related to the display text for links and the importance of descriptive display text.

NOTE: The help feature is dependent on the A11yFirst Help plugin being installed.

 

a11ylink

293 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 1.2.3

DownloadRelease notes

v1.2.3 — 16 Sep 2019

Updates

  • Toolbar button tooltips

    • Added 'A11yFirst' prefix to 'Image' and 'Link' tooltips to differentiate them from standard plugins.
  • Changed default toolbar groups to existing groups that are used by Builder, to fix problem with two plugins not showing up in default toolbar:

    • 'Heading' button default group is 'paragraph'
    • 'A11yFirstHelp' button default group is 'mode'
  • Character Styles plugin

    • Updated list of default styles by removing 'u' and 'strike', which seem redundant when 'ins' and 'del' are also in the list.
  • A11yFirst Link plugin

    • Updated styling of 'Help' button to match A11yFirst Image
  • Created A11yFirst Documentation Wiki website that includes the following four pages:

 

A11yFirst Image

This plugin adds the A11yFirst Image button to the editor toolbar. It provides authors with additional features for ensuring image accessibility for people with disabilities.

It is a replacement for the standard Image and Enhanced Image plugins.

Overview

The A11yFirst Image plugin is a modification of the Enhanced Image (image2) plugin to include important accessibility features for validating Alternative Text and allowing the author to identify the location within the document of a longer description of the image.

People with visual impairments need descriptions of informative images to understand the purpose of the image. Each informative image must at least have Alternative Text and may require a longer description, especially if the image is a chart or graph.

Alternative Text should be succinct and should not include redundant or irrelevant information (e.g. "image of .."). An image that is purely decorative should have empty Alternative Text, but since this is rare the plugin requires the author to confirm that the image is purely decorative.

A complex informative image should have a long description in the page, adjacent to the image. The plugin provides a way for the author to provide a reference to the location of the long description in the page, which can provide a more semantically meaningful description. For example, a table may be provided that includes the data used to generate a chart or graph.

Features

Alternative Text Validation

The following conditions for Alternative Text are checked:

  • Empty
  • More than 100 char. in length
  • Starts with the phrases ‘image of,’ ‘photo of’ et al.
  • Includes file name or size
  • For a decorative image, allows the user to confirm that Alternative Text is not required

Identifying Long Description

A select box allows the author to indicate if a longer description of the image exists in the document, and if so, its location (i.e. before, after or before and after the location of the image in the document).

Help

The help command opens a dialog box that contains information to help authors learn more about the accessibility issues related creating alternative text and long descriptions.

NOTE: The help feature is dependent on the A11yFirst Help plugin being installed.

 

a11yimage

333 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 1.2.3

DownloadRelease notes

v1.2.3 — 16 Sep 2019

Updates

  • Toolbar button tooltips

    • Added 'A11yFirst' prefix to 'Image' and 'Link' tooltips to differentiate them from standard plugins.
  • Changed default toolbar groups to existing groups that are used by Builder, to fix problem with two plugins not showing up in default toolbar:

    • 'Heading' button default group is 'paragraph'
    • 'A11yFirstHelp' button default group is 'mode'
  • Character Styles plugin

    • Updated list of default styles by removing 'u' and 'strike', which seem redundant when 'ins' and 'del' are also in the list.
  • A11yFirst Link plugin

    • Updated styling of 'Help' button to match A11yFirst Image
  • Created A11yFirst Documentation Wiki website that includes the following four pages:

 

Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check