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>
<html>
<head>
<style>
body {
   background-color: lightblue;
}
h1 {
   color: white;
   text-align: center;
}
p {
   font-family: verdana;
   font-size: 20px;
}
</style>
</head>
<body>
<script>
  // Some javascript code
</script>
<h1> This is a h1 header </h1>
<p> This is a paragraph </p>
</body>
</html>

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