FROG EDUCATION
SOUTH AUSTRALIA
COMMUNITY

Code Viewer Widget

Back to All Guides

GET IN TOUCH

If you would like to get further information about Frog or help in getting it set up in your school please get in touch via the contact details below...

hello@frogeducation.com

Code Viewer Widget

The Code viewer widget allows you to display formatted code.

The aim of this guide is to introduce you to:

Code Viewer Widget

 

The Code viewer widget supports and displays:

  • HTML
  • Javascript
  • PHP
  • or Python.

The code displayed will automatically colour based on the language selected and provides linting assistance to automatically add closing tags, quotations and highlight errors.

 

Advanced settings

To input code, select Edit code button in the edit panel.

The widget only displays code, it does not run the code.

The widget can have a title set in the Edit panel, which can be useful for highlighting steps or different elements.