Start trial
PricingContact Us
Log InStart For Free

Mastering TinyMCE: Building Plugins for Moodle Webinar Recap

December 3rd, 2024

4 min read

Mastering TinyMCE: Building Plugins for Moodle by TinyMCE

Written by

Coco Poley

Category

World of WYSIWYG

Recently Moodle Academy hosted an insightful webinar with Andrew Lyons, Moodle LMS’s Principal Architect, and Mrina Sugosh, Developer Relations Manager at TinyMCE. They delivered an engaging session on creating TinyMCE plugins tailored for Moodle, providing developers with clear, actionable guidance.

Moodle Academy is the global hub for Moodle’s community, offering resources for educators, developers, and administrators. It provides courses, webinars, and certifications to help participants grow their skills and advance their careers. TinyMCE is a flexible, customizable rich text editor that powers content creation across websites and applications, offering a wide range of plugins and tools for advanced editing and easy integration.

Why TinyMCE plugins for Moodle are a game changer

TinyMCE plugins for Moodle will transform how educators and administrators use the platform. These plugins turn the editor from a standard text editor into a customizable tool that meets specific user needs. Whether it’s integrating advanced media upload tools, adding interactive charts, or enabling robust formatting options, plugins bring a new flexibility to Moodle.

Mrina Sugosh talked about how Moodle has embraced TinyMCE as its default editor since version 4.1, prioritizing its intuitive interface and adaptability over its predecessor, Atto. TinyMCE’s plugin architecture helps developers to build solutions for many different types of educational workflows, such as advanced grading interfaces or collaboration features.

For example:

  • PowerPaste lets users easily import content from Word documents.
  • Advanced Tables enable dynamic data visualization within course materials.

The extensive plugin ecosystem ensures TinyMCE evolves alongside Moodle, adapting to the ever-changing needs of educators and learners.

About Moodle-compatible TinyMCE plugins

Andrew shared how easy it is to integrate TinyMCE plugins into Moodle with an example custom plugin. In just fifteen minutes, he was able to build an “Inspiration” plugin live during the webinar. With rich documentation from both Moodle and TinyMCE, it’s easy to integrate new experiences for your Moodle users! 

Moodle maintains stable TinyMCE versions throughout release cycles, ensuring that plugins remain compatible over time.

💡Note: Moodle is currently on TinyMCE 6, and Moodle 4.5 will be on TinyMCE 7.5. You can check out the TinyMCE 7 documentation to read more details about TinyMCE version 7.

Building the “Inspiration” plugin step-by-step

To provide a hands-on example, Andrew demonstrated the development of an “Inspiration” plugin, which allows users to insert motivational quotes into their content. The steps included setting up the plugin structure, creating core files, and implementing TinyMCE. The demo highlights how to design buttons, menus, and settings to fit Moodle’s framework. If you’d like to try it out yourself, check out the free Moodle Academy course on developing TinyMCE plugins

Customize with TinyMCE’s advanced features

Developers transitioning from Atto to the new TinyMCE plugins can leverage the advanced TinyMCE rich text editor to improve their tools. Here are some features to explore:

  • PowerPaste: Simplify content transfer with PowerPaste, which enables copying and pasting from Word or Google Docs and preserves formatting and styling. This eliminates manual reformatting for your users, saving them time and effort.
  • Spellchecker: Ensure polished content with Spellchecker, a plugin that detects and corrects spelling errors in real time. With multilingual support, students and educators can spellcheck in different languages.
  • Enhanced Image Editing: Transform images directly within the editor with Enhanced Image Editing. Users can resize, crop, or add filters to pictures without switching to external tools.
  • Enhanced Tables: Dynamic, interactive tables can be created with Enhanced Tables. Sorting, filtering, and custom formatting all help present structured information for any educational content.
  • Export to PDF: Convert in-editor content into PDF format with the Export to PDF plugin. Consistent formatting for downloadable or printable documents makes it ideal for students and educators alike.

Both Mrina and Andrew emphasized collaboration with educators and administrators to prioritize accessibility and usability. These TinyMCE premium plugins can transform workflows, making them intuitive and efficient. And that’s just the beginning!

Why build TinyMCE plugins for Moodle?

Custom plugins enhance the Moodle experience by tailoring workflows to the specific needs of educators and administrators. They provide:

  • Improved Efficiency: Simplify repetitive tasks and streamline processes.
  • Adaptability: Address evolving organizational requirements.
  • Innovation Opportunities: Expand Moodle’s capabilities beyond its core features.

Take Action

The webinar concluded with an invitation to explore Moodle Academy’s resources and experiment with TinyMCE. The recorded session and supplementary materials are available for anyone eager to create or refine plugins. Moodle Academy offers resources to help developers learn and grow. Their courses, webinars, and certifications provide practical knowledge for working with TinyMCE. 

Sign up for the Moodle Academy course on Creating TinyMCE Plugins today to dive in!

EventsPartnerPlugins
byCoco Poley

Coco Poley is the Technical Content Marketer for TinyMCE - the leading WYSIWYG rich text editor powering 40% of the internet. Coco has over eight years of professional experience in technical content creation, educational material production, content writing, data engineering, and software quality assurance engineering.

Related Articles

  • World of WYSIWYGDec 2nd, 2024

    What’s New in TinyMCE? Q4 Webinar

Join 100,000+ developers who get regular tips & updates from the Tiny team.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Tiny logo

Stay Connected

SOC2 compliance badge

Products

TinyMCEDriveMoxieManager
© Copyright 2024 Tiny Technologies Inc.

TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.