Building a TinyMCE LMS Editor with React & OpenAI - Pt 2
summary
A working LMS editor is built from a React app using the TinyMCE React package, Vite+SWC and npm, adding plugins that demonstrably work live: accessibility checker flags heading order, spellcheck fixes misspellings, math inserts LaTeX equations and PowerPaste imports Word formatting. AI uses OpenAI GPT-3.5 Turbo with a streaming response implemented via fetch‑event‑source, conversation history and templates stored as an array (recommend backing them with a database). Notes: TinyMCE offers a 14‑day trial and 21 premium plugins.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 12:33Setup TinyMCE with React
- 13:10Adding plugins to enhance editor functionality
- 27:48Custom templates
- 35:37OpenAI integration
- 57:28Final testing
- 1:00:57Q&A
related talks
37mBuilding AI-powered user interfaces
41mReact inline visual editing: now's the time.
25mRich Text Editing with React
45mCreating a WYSIWYG editor using ReactJS
29mBuilding a video editor with React
05mMarkdown + React = 💙
41mCreating collaborative editing UIs in React
46mAmbitious Editorial Experiences with Headless Drupal