TinyMCE ChatGPT sample

Play on CodePen All samples on CodePen External link

Demo

HTML

JavaScript

CSS

<h1 class="h5 mb-3">Txt42: TinyMCE ChatGPT plugin</h1>

<textarea id="editor"><h2>Test content</h2></textarea>

"use strict";
tinymce.init({
    selector: "#editor",
    plugins: "chat-gpt,link,image",
    toolbar: "link | undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent",
    apiKey: "TXAIAUTO", // use your own key here
});

body {
  padding: 20px;
  background-color: #F4F4F4;
}

.tox-promotion {
  display: none !important;
}

This sample demonstrates the installation of the Txt42.AI ChatGPT plugin into the TinyMCE editor by adding buttons to the toolbar of TinyMCE.

Please note that you need to change the apiKey parameter to your own key. You can find it in your Dashboard.