Font Awesome 5 (Pro and Free)
Font Awesome 5 Icons plugin for CKeditor 4. Includes all the icons of Font awesome 5.13.0
Now supports the pro and free edition. When you uses an older version you can give the version number in de configs and the icons which are not present in this version wil not be shown.
Installation:
- Add the fontawesome5 directory in the plugins folder of CKeditor 4.
- Add 'fontawesome5' item to your toolbar
- Add 'fontawesome5' item to your extra plugins
- Configure the fontawesome settings in: config.fontawesome : { }
- config.allowedContent = true;
- $removeEmpty['span'] = false; Thats it.
Config options:
config.fontawesome : {
'path': 'path-to-you-all.css-file',
'version': '5.13.0',
'edition': 'pro', (default: pro, options: free,pro)
'element': 'span' (default span, options, all html elements such as i,div,span,a,p, etc..)
}
When you use an other element, don't forget to use $removeEmpty for the element.
Example:
- config.toolbar = [['Source', '-', 'NewPage', '-', 'Templates','fontawesome5']];
- config.extraPlugins = 'fontawesome5';
- config.fontawesome = { 'path':'/path/to/your/font-awesome-5/all.css', 'version':'5.13.0', 'edition':'pro', 'element':'i' };
- CKEDITOR.replace(editorname, config);
- CKEDITOR.dtd.$removeEmpty['i'] = false;
For the latest version, go to my github:
https://github.com/daanwilson/cke-fontawesome5
Like the plugin? Please by me a beer
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.1.3 |
||||
Stylesheet modification for icons presentation |
FontAwesome5
FontAwesome5 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';
Change folder name to ckeditorfa
For Font Awesome 4.7 use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa-0
Screenshots
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 5.11 |
||||
Update to Font Awesome 5.15.0 |
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';
For Font Awesome 5.x use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa5
Screenshots
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 2.3 |
||||
Added several option settings. |
Gallery
Make your product and company images come to life with a beautiful Pinterest-style gallery or lookbook.
- Upload photos to create a product grid gallery or lookbook, press galleries, a gallery for your team, or a user testimonial gallery.
- Add titles and caption text.
- Use call-to-action buttons to direct users to another page.
- Add alt text to each photo to optimize images for SEO.
- Enable a lightbox popup to let customers take a closer look at your photos.
- Text search to let users filter your gallery entries (photos) by keywords in the captions.
- Highly customizable design: adjust spacing between gallery entries, choose ideal photo size, add borders, pick custom fonts for captions, and more.
- Supports text in any language.
- Mobile responsive on any device.
- Get instant access to 50+ POWr plugins, such as Social Feed for fresh content on your site and Popup for stellar landing page conversion to complement Photo Gallery.
Customer Support You Can Count On
If you have any questions or need help getting Photo Gallery up and running, we’re here to help! Please visit our Help Center for tips, support, and answers to common questions.
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.0 |
||||
This is version 1.0 for POWr Gallery. |
Spacing Sliders
- Categories: Styling
- Author: mysticfall
- License: GPL, LGPL, MPL
Combined slider controls to adjust 'line-height' and 'letter-spacing' CSS values of text.
Screenshots
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.3 |
||||
* Make slider ranges configurable. * Fixes an error when attempting to move sliders before focusing the editing area. |
Computed Font
- Categories: Styling
- Author: mysticfall
- License: GPL, LGPL, MPL
Modified version of Font addon to use computed style information to handle inherited text styles better.
Now both font family and size combo show actual CSS values applied to the selection, regardless of whether the style was explicitly overriden or not.
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.2 |
||||
|
Computed Styles
- Categories: Styling
- Author: mysticfall
- License: GPL, LGPL, MPL
Modified version of Basic Styles addon to use computed style information to handle inherited text styles better.
Now style buttons like bold/italic/underline correctly reflect actual text formatting applied to an active selection even when it's inherited from a style preset (i.e. 'Heading' or 'Subtitle') and can be used to override its effect.
Screenshots
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.0.1 |
||||
Added a content filtering rule for convenience. |
Paragraph Indentation
This plugin add the ability to indent the first line of a paragraph
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.2.2 |
||||
Fixed error where the icon didn't show up in the default toolbar |
teste
This is a teste, please don't download this plugins thanks
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.0.1 |
||||
Renamed some files and correct varius typos |
Paste From Google Doc
Filter to paste from Google Doc and keep style (bold, italic, underline).
My frst time posting a plugin.
I'm posting my solution in case it is useful to someone. I had this issue with pasting from googleDocs. And I found someone made a branch of CKEditor in github (13877) which corrects this.
But I needed it to work with my version of CKEditor which I cannot change bacause it is integrated with Prcocesswire CMS.
So I wrote this plugin.
The code is originally from Frederico Knabben, written in ckeditor-dev-t-13877 branch (https://github.com/cksource/ckeditor-dev/tree/t/13877) has been adapted in a plugin.
This filter detects all style that is already in the toolbar. So if underline is missing for example you must add it to the toolbar.
Instruction for Processwire :
For processwire, you must edit the field that has CKEditor and make sure that :
- copy the plugin folder in site/modules/InputfieldCKEditor/plugins
- ACF is On
- pasteFromGoogleDoc plugin is enabled
- CKEditor toolbar configuration contains Bold, Italic and Underline
- e.g : Format, Styles, -, Bold, Italic, Underline, -, RemoveFormat
- if Underline is not in the toolbar for example, it will be bypassed by the filter.
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.16 | 4.15 | 4.14 | ||
Version: 1.0 |
||||
First release |