Moodle 4.4 and TinyMCE Font Styles

Moodle 4.4 and TinyMCE Font Styles

by Leslie Harris -
Number of replies: 3
Hi, Folks. 
 
We are running Moodle 4.4.5, and one issue we face is that core Moodle removed the ability to change the font style and size with the default TinyMCE editor.  We do have the ability to specify a specific header style (H3, H4, H5, and H6), but for some reason on our Moodle instance, changing among those styles doesn't actually change the font size or type - at least when a faculty member was trying to change the "Description" of a topic area.  I took a look at the underlying HTML code when I tried to change the header style, and nothing actually changed.  Whether I selected H3, H4, H5, or H6, the code remained "style="font-size: 24pt; font-family: Calibri,sans-serif; color: #000000; background-color: transparent;"
 
I was able to change the style for a "Text and media area" item that I added to the same course, but *not* the section description.  
 
Any ideas why the behavior would be different in different areas, using the same TinyMCE WYSIWYG editor?
 
I have seen that there is an unofficial plugin to restore the ability to modify the font type and style under Moodle 4.4.  Are there any "official" plugins available?
 
Leslie Harris
Bucknell University
Average of ratings: -
In reply to Leslie Harris

Re: Moodle 4.4 and TinyMCE Font Styles

by Leslie Harris -
And . . . after further testing, I discovered that I was able to change the header style in the description of other topic blocks in the same course. (He was having problems with the zero block description.) When I deleted his description and re-created it, the problem went away.

I have no idea what the issue was. :-S
Average of ratings: -
In reply to Leslie Harris

Moodle 4.4 and TinyMCE Font Styles

by Eduardo Kraus -
Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Hello, Leslie! 😊

While the default TinyMCE editor is functional, it can be enhanced with plugins. To restore or add more specific font and style controls, I recommend installing the following plugins:

  • tiny_wordimport: Allows you to import formatted content directly from Word.
  • tiny_fontsize: Adds options to customize font size directly in the editor.
  • tiny_htmlblock: Provides an HTML block for advanced customizations.
  • tiny_c4l: A powerful add-on for greater control over styles.

These plugins can be installed through the Moodle administrator. After installation, go to TinyMCE settings and make sure to enable the new features.

Eduardo Kraus
Innovation and New Products

Average of ratings: -
In reply to Eduardo Kraus

Re: Moodle 4.4 and TinyMCE Font Styles

by Mark Sharp -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Atto had a styles plugin (atto_styles) that I found particularly useful for creating custom styles. It would be great if something similar could be created to add custom styles into the "Paragraph styles" option in Tiny.

Average of ratings: Useful (1)