Add a code validator to your Rise 360 course

HTML used in example (add to a Custom Code block)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ace-builds@1.43.4/css/ace.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.43.3/ace.js" crossorigin="anonymous"></script>

<div id='example' style="font-size:17px;min-height: 300px; line-height:1.8; padding:10px; width:730px; max-width:100%; margin:10px auto; border:10px solid #282a35">some code</div>

<script>
  //samples/creating own validation
var editor = ace.edit("example", {
    mode: "ace/mode/javascript",
    theme: "ace/theme/dracula",
    showGutter: false
});
setTimeout(function () {
    editor.setOption("showGutter", true);
}, 1000);
</script>