FontAwesome5
FontAwesome5 (free) allows you to insert formatted Font Awesome 5.x into your text in CKEditor.
Install:
- add in your html page all.min.css
- add in your config.js from ckeditor folder:
- config.extraPlugins = 'ckeditorfa';
- config.allowedContent = true;
- config.contentsCss = '/{your_path}/all.min.css';
CKEDITOR.dtd.$removeEmpty['span'] = false;
For Font Awesome 4.7 use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa-0
For Font Awesome 6.x use this plugin: https://ckeditor.com/cke4/addon/ckeditorfasix
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 5.18 |
||||
|
Compatible with Font Awesome 5.15.x Modified select icon function |
||||
Spreadsheet
- Categories: Contents, Data
- Author: CKSource
- License: Commercial
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.
- Creating auto-updating references to spreadsheet cells right inside editor content.
- Autoconverting data pasted from Microsoft Excel and Google Sheets into a spreadsheet instance.
- Converting existing tables to spreadsheet instances and vice versa.
- Inserting spreadsheets using predefined templates.
- Spreadsheet structure manipulation (adding, removing or resizing rows and columns).
- Renaming row and column headers.
- Single and multi-column sorting.
- Basic data styling like bold, italic, underline and so on.
- Changing cell alignment, text and background color, font size and font family.
- 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.
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.
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.2.0 |
||||
|
New Features:
Fixed Issues:
API Changes:
|
||||
FontAwesome
FontAwesome allows you to insert formatted Font Awesome icon (version 4.7) into your text in CKEditor.
Install:
- add in your html page font-awesome.min.css
- add in your config.js from ckeditor folder:
- config.extraPlugins = 'ckeditorfa';
- config.allowedContent = true;
- config.contentsCss = '/{your_path}/font-awesome.min.css';
CKEDITOR.dtd.$removeEmpty['span'] = false;
For Font Awesome 5.x use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa5
For Font Awesome 6.x use this plugin: https://ckeditor.com/cke4/addon/ckeditorfasix
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 2.4 |
||||
|
Added several option settings. Improved klick function. |
||||
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
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.24 | 4.23 | 4.22 | ||
|
Version: 4.23.0-lts |
||||
|
First major release of CKEditor 4.23.0-lts |
||||
|
Version: 4.22.1 |
||||
|
First minor release of CKEditor 4.22.1 |
||||
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:
- 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 = '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.24 | 4.23 | 4.22 | ||
|
Version: 0.1 |
||||
|
Version: 0.1 Inserting youtube bbcode |
||||
WProofreader
- Categories: Contents, Data, Tools
- Author: WebSpellChecker
- License: Commercial
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.
Screenshots
N1ED block by block content builder (+ file manager, image editor)
N1ED is free addon for CKEditor, transforming it into modern block-by-block page builder with many widgets, templates and mobile support.
You can add blocks to your content from the gallery, insert grid (column) mockups and also define your custom blocks for reusing (N1ED will create screenshots of them for your block collection automatically!).
Mobile devices simulation is essential built in feature required to create correct webpages. 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.
Flmngr File Manager is embedded into N1ED so you will get simple toolset to work with media: from uploading files and images to managing them and editing using also Image Editor.
N1ED powers up your standard CKEditor with a lot of widgets that cover almost any task you may have: find and embed YouTube videos, insert image galleries and slideshows with Bootstrap carousel, styled alerts, budges, tabs and accordions, Font Awesome icons, and also basic components such are tables, links, buttons, etc.. You can also create your own widget templetes right in the editor.
Screenshots
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 2023.8.1 |
||||
|
Debug version info added |
||||
Bootstrap 3 Editor
- Categories: Contents, Data, Layout
- Author: doksoft
- License: Commercial
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
- Categories: Contents, Semantics, Tools
- Author: doksoft
- License: Commercial
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 Embed to CKEditor 4.
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.
Supported languages: English (en), Norwegian Bokmål (nb), Ukrainian (uk).
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
Releases
| Plugin versions | CKEditor versions | |||
|---|---|---|---|---|
| 4.24 | 4.23 | 4.22 | ||
|
Version: 1.2.0 |
||||
|
Adds support for new optional `?si=` query parameter in Spotify URLs. |
||||