Welcome to the TinyMCE GHW: Open Source Week Challenge Page!

Hello hackers! TinyMCE is the developers’ WYSIWYG editor-of-choice for building SaaS web applications faster.

If you're looking for a great way to make your development projects more robust, TinyMCE is a way to get started.

Getting Help

• If you have any questions about TinyMCE or their Global Hack Week challenges, head to the MLH Discord and find the #ask-TinyMCE channel!
• Each challenge is accompanied by helpful documentation

Challenges

Challenge 1

Basic TinyMCE Setup in 5 minutes

Objectives:

• Install and set up TinyMCE from scratch in a framework of your choice (React, Vue, Angular, or Vanilla JS).
• Share your implementation with us on our submission form and bonus points if you add your project to our Devpost Page!

Documentation:

• TinyMCE Quick Start Guide

Challenge 2

Enhance Your RTE with Open Source Plugins

Objectives:

• Choose and integrate two to three open-source plugins (e.g., Autolink, Full Screen, Table) to enhance your editor.
• Share your implementation with us on our submission form and bonus points if you add your project to our Devpost Page!

Documentation:

• TinyMCE Open Source Plugins
• TinyMCE Autolink Plugin
• TinyMCE Full Screen Plugin
• TinyMCE Table Plugin

Challenge 3

Level Up TinyMCE with Accessibility or Spellchecker

Objectives:

• Choose between improving your editor’s Accessibility features or adding the Spellchecker plugin for error-free content.
• Share your implementation with us on our submission form and bonus points if you add your project to our Devpost Page!

Documentation:

• TinyMCE Accessibility Checker Plugin
• TinyMCE Spellchecker Plugin

Challenge 4

Add Revision History to Your Editor

Objectives:

• Add the Revision History plugin to enable version control for your content, allowing users to track changes and revert to previous versions.
• Share your implementation with us on our submission form and bonus points if you add your project to our Devpost Page!

Documentation:

• TinyMCE Revision History Plugin

Challenge 5

Integrate AI Assistant with TinyMCE in 3 Steps

Objectives:

• Choose from AI providers like OpenAI, Azure AI, AWS Bedrock, or Gemini and integrate AI Assistant capabilities into TinyMCE for smarter content creation.
• Share your implementation with us on our submission form and bonus points if you add your project to our Devpost Page!

Documentation:

• TinyMCE AI Assistant Documentation