Moodle plugins directory: Source code Pro | Moodle.org
Source code Pro
TinyMCE ::: tiny_codepro
Maintained by 
Josep Mulet
An improved code editor for tinyMCE6 based on codeMirror6.
Latest release:
52 sites
94 downloads
5 fans
Current versions available: 1
A plugin for the Moodle TinyMCE editor which replaces the basic source code editor shipped by TinyMCE6. This plugin leverages codeMirror version 6 to provide syntax highlight, autocompletion, block fold, etc.
This plugin does not include any configuration settings. The installation is straightforward: simply go to Site Administration area (Plugins → Install plugins → Install plugin from ZIP file).
Once the plugin is installed, the items named "Source Code" in the menu, will be replaced by "Source Code Pro". Also a button will be added in the first position of the toolbar.
Useful links
Screenshots
Contributors
Josep Mulet (Lead maintainer)
Please login to view contributors details and/or to contact them
Thank you. I'm glad to know that you like my plugin.
In principle, the tiny editor should suppport adding the attibute style to HTML elements. Which version of Moodle are you using? At least it works in my version 4.1. Have you tried using class attribute instead of style?
It has been reported in Moodle Tracker issues related with Tiny editor removing certain elements such as SVG or empty tags. In principle, it behaviour could be modified by adding such cases as valid_custom_elements, but this would require the modification of the plugin code.