Font Awesome plugin supporting FA v4 through v6, free and pro.

- icon list pulled from FontAwesome CSS file being used
- Brand checkbox

- styling, effects, transformations and animations available in relation to FA version being used:
  - font styles: solid, regular, light, thin, duotone, and newer sharp
  - FA font-sizes
  - rotate, spin, flip, beat, fade, etc..

Installation

Download and extract the plugin. Upload the /fa42 directory to your editor's /plugins/ directory

* fa42 requires the colordialog plugin, download and install if necessary

Add the plugin(s) to your editor config:

config.extraPlugins = 'colordialog,fa42'

CKEditor tends to remove most empty tags. While the "fix" for this is varied, this seems to work. Note to add the removeEmpty before the actual editor config:

CKEDITOR.dtd.$removeEmpty['i'] = 1; // replace or duplicate if you want to use <span> or any other tag instead of <i>

CKEDITOR.editorConfig = function( config ) { 
//...
}

Configuration

By default the plugin will use the <i> tag for icons, and Font Awesome version 6.4 Free from CDN. Configuration options are available to change these settings:

config.fa42 = {
  fa42Tag: 'span', // use <span> instead of <i>
  fa42Path: 'path/to/your/fontawesome.css', // link to a different local or remote version
  fa42Version: '8.4.2', // the plugin will try to auto-detect versioning and free/pro, but you can specify version here if auto-detection seems to not work
  fa42Level: 'pro', // free or pro, again in case auto-detection doesn't work
};

This plugin generates content with the help of artificial intelligence. It is based on the CKEditor 4. It uses the OpenAI API to generate text.

Installation

Installation with npm

1. Install the plugin with npm:

    npm install ckeditor-cowriter   
   

2. Enable the plugin by using the extraPlugins configuration setting. For example:

    config.extraPlugins = 'cowriter';
   

Installation from CDN

1. Add the following script tag to your HTML page:

    <script src="https://netresearch.github.io/ckeditor-cowriter/plugin.js"></script>
   

2. Enable the plugin by using the extraPlugins configuration setting. For example:

    config.extraPlugins = 'cowriter';
   

Installation from source

1. Download the latest release of the plugin.

2. Extract the contents of the archive into the CKEditor 4 plugins directory.

3. Enable the plugin by using the extraPlugins configuration setting. For example:

    config.extraPlugins = 'cowriter';
   

Configuration

You need to define your OpenAI credentials.

const OPENAI_KEY = 'YOUR-KEY'
const OPENAI_ORG = 'org-YOUR-ORG-KEY'

Usage

1. Click on the Cowriter button in the toolbar.
2. Enter a prompt.
3. Click on the Generate button.
4. The generated text will be inserted into the editor.

License

Licensed under the terms of the GNU General Public License, version 3 or later.

Credits

• All Contributors
• This plugin is based on the CKEditor 4 Plugin - GPT-3 by Netresearch.
• It uses Flaticon's document icon

Contributing

We welcome contributions to this project. Please see our contribution guidelines for details.

Security

If you discover any security related issues, please email developer@netresearch.de instead of using the issue tracker!

Contact

Netresearch, the company behind this plugin, is a leading European provider of digital solutions and services for the eCommerce industry. We are a team of eCommerce experts, developers, designers, project managers, and consultants. We are passionate about eCommerce and we love to share our knowledge with the community.

Twitter | LinkedIn | Facebook | Xing | YouTube

Bootstrap 4 Embed Media Dialog for ckEditor 4 based on Fabian Vogelsteller's Embed Media Dialog on https://github.com/frozeman/MediaEmbed

Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. The plugin allows you to insert multiple iframes at the same time, managed as separate elements. Bootstrap classes for responsive embed are applied only to iframe, video, embed and object tags. The other tags are not modified in any way.

Grouped Placeholder Selector