What's New with TinyMCE - December 2024 Webinar Resources

Welcome to the "What's New with TinyMCE" webinar repository! Here, you'll find resources, examples, and code to explore the latest enhancements to TinyMCE. Dive into exciting new features, learn how to integrate them, and elevate your content creation experience.

Features Covered

Enhanced Code Editor

Take your coding experience to the next level with advanced editing features:

• Syntax highlighting, bracket matching, and code folding.
• Inline and modal editing modes.
• Prettify options for a polished code appearance.

Documentation: Enhanced Code Editor Docs

---

Comments Enhancements

TinyMCE 7.4 redefines collaboration:

• View all comments simultaneously for streamlined feedback.
• Focus on feedback exclusively with a new comments-only mode.
• Experience a refreshed, intuitive UI for navigating and managing comments effortlessly.

Documentation: Comments Enhancements Docs

---

Read-Only Templates

Maintain document integrity with read-only templates:

• Prevent accidental changes to template structures.
• Enable users to customize other sections while safeguarding key content.

Documentation: Templates Docs

---

AI Assistant - Translations

Enhance global accessibility with the AI Assistant's localization features:

• Translate content into multiple languages supported by your AI provider.
• Quickly adapt content for international audiences with just a few clicks.

Documentation: AI Assistant Translation Docs

---

Prerequisites

• Clone this repository to your local machine.
• TinyMCE Cloud Account for API integration.
• Optional: AI provider account (OpenAI).

---

Installation and Setup

1. Run npm install to install all dependencies.
2. Start the development server using npm run dev.

---

How to Use

Switch branches to explore individual features:

• For Enhanced Code Editor, switch to the branch step-1-enhanced-code-editor.
• For Comments Enhancements, switch to the branch step-2-comments-enhancements.
• For Read-Only Templates, switch to the branch step-3-read-only-templates.
• For AI Assistant (Translations), switch to the branch step-4-ai-translations.

Each branch contains examples to build upon the specific feature.

---

Final Demo

After completing the steps in each branch, explore a fully integrated demo showcasing all the features covered in the webinar in the main branch:

Thank you for joining the "What's New with TinyMCE" webinar and if you haven't already, be sure to sign up for our 14 day free trial to try TinyMCE for yourself! Happy coding!