Code formatting in UoPeople Moodle

There are two ways of showing your code in formatted style in UoPeople Moodle.

  1. HTML Ways
  2. Advanced Editor

The best way is HTML way. Here are hows:

Reply > Advanced
Image for post
Click icon:Show advanced buttons > icon:HTML
Image for post
Add your code between HTML tags: <pre>       </pre>
Image for post
Click < > Icon again. You will see formatted code.
Image for post


  • Don’t not append your code in Formatted Mode. Append your code in HTML mode.

This is HTML mode.

Image for post
Add your existing code between these tags.

This is Formatted Mode.

Image for post
Don’t add your remaining code in this mode.


Because you will experience unformatted ugly styles after you post to forum.

Like this:

Image for post

Or, like this:

Image for post

Second way is using Advanced Editor.

Select your code.
Click icon: Show Advanced > icon: A > Pre-formatted
Image for post

And, this happens:

Image for post

But I don’t recommend this way. Because sometimes it will appear unformatted after you posted it to forum.

Don’t follow me. I wrote junks here. Follow me on Twitter instead.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store