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

FontAwesome6 (free) allows you to insert formatted Font Awesome 6 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 = '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 5.15 use this plugin: https://ckeditor.com/cke4/addon/ckeditorfa5

Introduction:

This plugin is my expansion for current version of Mathematical Formulas plugin. Toolbar is added for creating mathematical formulas faster. Formulas is rended by MathJax. The toolbar UI is based on CodeCogs and modified by us for rendering TeX formulas supported by MathML.

Some features expanded:

+ Toolbar in dialog for create math formulas faster:

• Create matrix and equation by UI.
• Insert math symbols easly.
• ...

+ Fix bug not auto preview in firefox.

Input: laTeX (type or use toolbar)

Output: Use this function in component or script for rendering a formulas

export function formatMathemicalFormulas() {
  (function () {
    // console.log("Style MF called!");
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML";   // use the location of your MathJax

    var config = 'MathJax.Hub.Config({' +
      'extensions: ["tex2jax.js"],' +
      'jax: ["input/TeX","output/HTML-CSS"]' +
      '});' +
      'MathJax.Hub.Startup.onload();';

    if (window.opera) {
      script.innerHTML = config
    } else {
      script.text = config
    }

    script.addEventListener('load', function () {
      window.MathJax.Hub.Queue(["Typeset", window.MathJax.Hub]);
    })

    document.getElementsByTagName("head")[0].appendChild(script);
  })();
}

Setup:

After basic installing, please add mathJaxLib to config:

mathJaxLib: '//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML'

Additional configuration:

config.mathJaxClass - sets the default class for an element that will be converted into a widget.

Bug:

Currently, this version is lack of language translation.

Another informations:

it is not supported in IE 8.