TinyMCE for Umbraco CMS: Advanced Plugins & Editor Customization Tips

This video shows how to install and configure the TinyMCE premium package for Umbraco, including API keys, data types, and custom config. It walks through useful editor features such as accessibility checking, code samples, tables, templates, merge tags, mentions, and formatting tools.

A fast-moving, demo-heavy session for people who already know their way around Umbraco. Janae Cram of ProWorks, an eight-time Umbraco MVP, shows how a custom config per data type gives different editors different capabilities without rebuilding anything.

On the editor side, she adds FAQ-style accordions, syntax-highlighted code samples, dates, search and replace, and word counts, then moves to the premium tools: accessibility checking with repair options, advanced code and table editing, format painting, responsive page embeds, PDF export, PowerPaste, multilingual spell check and AI-written newsletter copy. The most detailed part is for developers: wiring custom advanced templates, merge tags and mentions into Umbraco with controllers, models, App_Plugins and package manifests.

Key takeaways

  • Viewers learn that TinyMCE Premium can replace Umbraco's standard rich text editor without losing existing content, while adding plug-in management and custom configuration per data type.
  • The presentation shows how to turn reusable content patterns into advanced templates stored in Umbraco so editors can insert structured content and then customize it as needed.
  • It explains how merge tags reduce mistakes in templated content by letting editors insert approved placeholders from a controlled list instead of typing tokens by hand.
  • Developers learn how mentions can be wired to Umbraco member data so typing a trigger can return selectable people records with names, descriptions, and images.
  • The session also shows that AI-assisted drafting can be added with an OpenAI key, while stressing that generated text still needs human review for accuracy and tone.

Key moments

  1. 0:00 Introduction and speaker welcome
  2. 3:07 Overview of TinyMCE premium for Umbraco
  3. 10:07 Setting up the TinyMCE premium data type
  4. 12:02 Open source plugins demo
  5. 19:40 Premium plug-and-play plugins demo
  6. 39:57 Advanced integrations: templates, merge tags, and mentions
  7. 50:18 Community packages for style formatting
  8. 52:03 Q&A and closing remarks
back to top