Source Code Pro for tiny editor

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.

Features

1. Color syntax and line numbers
2. Search and replace
3. Code formatting
4. Cursor position synchronized with Tiny editor (since v1.1.4)
5. Light and dark themes
6. Toggle fullscreen mode

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.

The source code opens in a modal dialogue that can be expanded to fit the entire window. It accepts two themes (light and dark). You will also find a button to toggle line wrapping.

Now, the code can be easily formatted thanks to htmlfy library. The following animation shows the editor in action. Enjoy it!

The capability 'tiny/codepro:viewplugin' allows to set the plugin visibility for any role.

Icon by Fontawesome 6.4.

Generate AMD modules

In order to generate the compiled code in /amd/build from sources in /amd/src, you need to execute the command

npx grunt amd

Generate codemirror dependency with extra toppings

Please refer to the documentation in libs/codemirror.