Codeviewer Simple component

The code viewer component allows you to show a code snippet, or complete source code fragments on your page with the proper syntax highlighted. This component also keeps spacing in the text, meaning tabulators and white spaces are kept.

Supported programming languages:

  • C
  • C++
  • Java
  • C#
  • Objective C
  • Scala
  • Ceylon
  • Pascal
  • Perl
  • PHP
  • Python
  • Cython
  • Ruby

Supported database languages:

  • SQL
  • HIVE
  • MariaDB
  • Cassandra
  • GQl

Other supported languages:

  • XML
  • HTML
  • Shell script (Bash)
  • Properties files
  • INI files

Supported events:

Show, Hide, Animations, Focus, Click, MouseEvents, Scroll, Touch, HotKey, Drag&Drop

Style customization


Default value

Derived value

Computed value


$code-font-size 87,50% 87,50% Code font size.
$code-color $pink #e83e8c Code font color.

Related pages