Install ChatGPT plugin for CKEditor 4

Empower your website's content generation with the ChatGPT plugin for CKEditor. Effortlessly generate compelling texts by selecting a portion of text or placing the cursor and clicking a toolbar button. The AI-powered plugin will create high-quality content for you and seamlessly insert it at the cursor position.

Installing the Txt42 ChatGPT CKEditor plugin is a straightforward process. In just a few simple steps, you can add three buttons to the toolbar: one for quick copywriting through text generation, and two more for generating varying lengths of content. Alternatively, you can use the "Ctrl+Enter" shortcut anywhere in your text, and the intelligent plugin will discern where and what you need to write based on the surrounding context.

Download

In order to install the ChatGPT plugin for CKEditor 4, download it:

Download CKEditor plugin

Unpack

Unpack the archive with the plugin into the plugins/ directory in the following manner:

ckeditor/
  plugins/
     chat-gpt/
        plugin.js

Enable

Find the location in your HTML/JavaScript code where you load CKEditor 4 and enable the ChatGPT plugin in the initialization parameters and add the toolbar buttons:

In config.js

Initialization script

CKEDITOR.editorConfig = function(config) {
    config.extraPlugins = "chat-gpt";
    config.apiKey = "TXAI24RR"; // Default key. Get own: https://txt42.ai/dashboard
    config.toolbar = [
        { name: 'standard', items: ['Txt42', 'Txt42Less', 'Txt42More', '-', 'Bold', 'Italic', '-', 'Link', 'Unlink', '-', '-', 'FontSize', 'Format', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
    ];
}

To get your own API key, sign up for free on the Dashboard.

✓

Ready to use

Customize

All your CKEditor Chat GPT plugin preferences can be found within the Dashboard.

Dashboard

Sample

The code describing the CKEditor config to work with the Txt42 ChatGPT plugin:

CodePen sample