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.

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.

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

WProofreader

WProofreader is an external solution for an advanced check of text for any spelling, grammar or style problems. It provides both as you type and on-click proofreading modes in a convenient UI. End users just need to hover on the marked words for instant corrections or have the whole text proofread at once in a separate dialog. 

Here’s why WProofreader:

  • Available as a standalone secure solution on your server or as an annual subscription to the service hosted by WebSpellChecker.
  • Out-of-the-box offer supports spell check in 17 languages and grammar check in 15 out of 17 default languages:  American English, British English, Brazilian Portuguese, Canadian English, Canadian French, Danish, Dutch, Finnish, French, German, Greek, Italian, Norwegian Bokmal, Portuguese, Spanish, Swedish and Ukrainian.
  • There are also over 150 additional languages and specialized dictionaries such as Medical and Legal available. You can check the full list here
  • Personal user dictionaries. Some rare or field-specific words may be not recognized by our proofreading engine and reported as a mistake. If the word is spelled correctly, a user can add it to their own dictionary to prevent it from being reported in the future.
  • Global custom dictionaries are company-wide vocabularies, which are created and set at an admin level on top of the base languages.
  • WAI-compliant, up to WCAG 2.1 and Section 508 accessibility standards.
  • All modern web browsers are supported including the latest stable versions of Chrome, Firefox, Safari, MS Edge, and Internet Explorer 11 and native mobile browsers such as iOS Safari and Chrome for Android.

WProofreader is a commercial solution developed and provided by WebSpellChecker. You can obtain the license here.

N1ED

N1ED powers up your standard CKEditor with a number of widgets from a typical image gallery to tables and custom templates. The editor is ideal for pro-level content editing as it makes accustomed tasks easier and adds a lot of industry-unique options. For instance, the enhanced fullscreen mode simplifies editing of a complex responsive content.

A galore of widgets covers almost any task you may have: find and embed YouTube videos, upload and edit images, manage uploaded files, and much more. Semantic breadcrumbs are irreplaceable when editing complex content with lots of nested elements as they allow to quickly select any given widget or an HTML element.

N1ED a full-featured ecosystem designed to redefine your content editing in CKEditor.

N1ED ecosystem includes:

Bootstrap 4 Editor – layout manager and widgets for B4;

Flmngr - file manager and uploader for PHP, Node and Java;

ImgPen – image editor that can save the result on the server;

Translator – automatic translation to 90+ languages.

Screenshots

Bootstrap 3 Editor

Create responsive content in CKEditor like a pro thanks to this powerful content editor based on the native Bootstrap Grid-system. Manage all standard Bootstrap elements like containers, columns and rows in a simple visual way to create any responsive layout of the web page in minutes, completely without code editing.

To make sure the responsive content looks correctly on different devices, use the “on the fly” preview. And thanks to the File Uploader plugin tightly integrated into Bootstrap Editor you can add images to the page in one click.

Bootstrap 3 Editor is absolutely compatible with Foundation and can work in the Foundation-compatibility mode.

If you use Bootstrap 4, we recommend using Bootstrap 4 Editor instead.

Screenshots

Translator

Install this to instantly translate content you edit in CKEditor to 90+ world languages.

Main features: 

  • Works directly from CKEditor, no exporting of content is required
  • Preserves the original HTML layout after translation
  • One-click translation. Just select the text and click the Translate button or press Ctrl+Enter.
  • The translation settings allow you to select the translation engine, the source language and the destination language.

The Translator plugin makes translation much easier and straightforward. Regardless of how complex the layout of your web page is, the plugin translates your content to the specified language in no time and with regards to context, and leaves the original formatting in place. No further adjustment or fine-tuning is required! This is literally click-and-go translation now available for CKEditor.
 

Screenshots

Spotify

Plugin for adding a Spotify Play Button to the CKEditor. 

Supports both Spotify URIs (spotify:album:1DFixLWuPkv3KT3TnV35m3) and Spotify URLs (http://open.spotify.com/track/6rqhFgbbKwnb9MLmUQDhG6). Includes options for setting alignment, width and height of widget. 

Requires CKEditor 4.3+ with the widget plugin. The editor instance must allow div and iframe tags.

The plugin uses a few custom styles. These are automatically included in the classic editor instance, but must be copied for inline editors and for the final target webpage. To include the custom styles into your editor/webpage, include the following in the <head> of your document:

<head>
    <link rel="stylesheet" href="<PATH_TO_CKEDITOR>/plugins/spotify/styles/spotify.css">
</head>

The code above assumes that this plugin is placed inside the plugin directory of your CKEditor bundle. 

Screenshots

spotify

271 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 1.0.0

DownloadRelease notes

Initial release. 

Supports both Spotify URIs (spotify:album:1DFixLWuPkv3KT3TnV35m3) and Spotify URLs ([http://open.spotify.com/track/6rqhFgbbKwnb9MLmUQDhG6](http://open.spotify.com/track/6rqhFgbbKwnb9MLmUQDhG6)).

Allows setting custom alignment, width and height of widget.

Supported languages: English (en), Norwegian Bokmål (nb).

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