Building a TinyMCE LMS Editor with React and OpenAI Integration

Presenter: Mrina Sugosh (Tiny MCE)

Goal

Join our workshop titled "Building a TinyMCE LMS Editor with React and OpenAI Integration." This session will guide participants through integrating the TinyMCE editor within React projects. Attendees will learn how to deploy both free and advanced TinyMCE plugins and how to utilize AI Assistant capabilities to enhance LMS applications. This workshop is ideal for developers looking to enhance their applications with advanced web development and AI technologies.

• Set up TinyMCE within the React project.
• Implement basic plugins to enable core rich text editing features.
• Utilize Templates to provide users with pre-designed layouts.
• Integrate the AI Assistant and connect to the OpenAI API.

Prerequisites

• Clone Boilerplate Code
• TinyMCE Cloud Account
• OpenAI API Account

Installation and Initial Setup

npm i
npm run dev

Final Demo