Code editor

The code editor has 3 tabs:

  • HTML

  • CSS

  • JavaScript

Each of these tabs can be used to write code using the corresponding language.

All 3 of the previous mentioned languages can even be used within the same file, like this:

<!DOCTYPE html>
body {
   background-color: lightblue;
h1 {
   color: white;
   text-align: center;
p {
   font-family: verdana;
   font-size: 20px;
  // Some javascript code
<h1> This is a h1 header </h1>
<p> This is a paragraph </p>

However, as best practices dictate, it is advisable to separate the design in 3 different files; one for each of the 3 different languages. This is the reason why the widget's code editor has a dedicated tab for each language.

Last updated