TinyMCE-Challenges-GHW-AI/ML-Week-2025

Hi Hackers! TinyMCE is a great open source tool that allows users to create and edit web content within a browser, and so much more!

If you're looking for a great way to make your development projects more robust, TinyMCE is a great 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

Signup for a TinyMCE account

Objectives:

• Head over to the TinyMCE sign up page to create a free account, no credit card required!
• Submit a screenshot of your new account on our day-of GHW form!

Challenge 2

Getting Started: Setting Up TinyMCE

Objectives:

• Start by integrating TinyMCE into your web application, setting up the foundation for your email editor with help from Windsurf AI.
• Share your implementation with us on our submission form!

Challenge 3

Your Pair Programmer: Sign Up for an AI Code Editor

Objectives:

• Choose between Windsurf AI or Cursor AI and see how an AI-powered coding assistant can speed up your workflow.
• Share your implementation with us on our submission form!

Challenge 4

Templates + Merge Tags

Objectives:

• Combine the power of predefined email templates with dynamic merge tags like {{FirstName}} or {{OrderNumber}}.
• With Windsurf AI or Cursor AI, create reusable HTML structures and dynamic placeholders to personalize emails and add them to a TinyMCE Editor!
• Share your implementation with us on our Devpost Page!

Challenge 5

Inline CSS for Email Compatibility

Objectives:

• Ensure your emails are visually consistent across all email clients by adding inline CSS.
• Use Windsurf AI or Cursor AI to help you craft clean, email-safe CSS rules.
• Share your implementation with us on our Devpost Page!