It is very easy to add a chemistry editor plugin to the Atto editor. There are 2 apects to this:
- Adding the capability to render chemical equations
- An editor capable of making this rendering accessible to user without remembering intricate syntax
The 1st item is easily taken care of by enabling additional capabilities of the MathJax filter by enabling TeX extension: ‘mhchem.js’ We will do this later. The 2nd item needs the addition of a new plugin to the Atto editor called chemistry.
To add the plugin, we need to clone a repository that carries the code.
cd /path-to-moodle/lib/editor/atto/plugin
sudo git clone https://github.com/geoffrowland/moodle-editor_atto-chemistry.git chemistry
Let Moodle install this plugin by discovery. There are a few configuration settings to change.
Go to Site->plugins->filters->mathjax and edit the configuration settings to look as follows:
MathJax.Hub.Config({
config: [“Accessible.js”, “Safe.js”],
TeX: { extensions: [“AMSmath.js”,”AMSsymbols.js”,”color.js”,”mhchem.js”,”noErrors.js”,”noUndefined.js”] },
errorSettings: { message: [“!”] },
skipStartupTypeset: true,
messageStyle: “none”
});
Finally, Site administration > Plugins > Text editors > Atto HTML editor > Atto toolbar settings > Toolbar config, to look like:
insert = chemistry, equation, charmap, table, clear
Purge all caches if necessary. That’s it, you have access to the Chemistry editor in Atto.
Even though this plugin claims to work only up to Moodle 2.8 I have tested this on Moodle 3.6.1 and it seems to work fine.