Site announcements

How to insert chemical structures?

How to insert chemical structures?

by Moodle Administrator -
Number of replies: 0

The chemical structure below is generated on the fly from 'Chemaxon Smiles' format

2. After completing your drawing, click save button (marked as 1 in figure below) and a new window will pop-up to select ChemAxon Smiles format from the dopdownbox (marked as 2 in figure below) 

 Marvin Drawing Save

3. Select the content and use Ctrl+c to copy the text. This defines the structure of your molecule

Marvin Drawing Save

4. You can now insert this string inside course contents/activities/questions/resources anywhere using the following special html format

Drawing Marvin

Note the copied Smiles format is enclosed between two 'chem' tags. Note the beginning and end tag formats. You should not change this markup format. 

When the document is displayed the image will appear as

please note the '@w' for width description and '@h' for height description separator and you should not use any other separator. The first number represents width and second represents height of the image

The following image is scaled to a custom size of 100x100

html tag

6. You should see something like this (reaction is scaled to 400x200)

Drawing Mavin

You are not logged in. (Log in)