Wie validiere ich den Javascript-Code im ACE-Editor?

Question

Ich möchte eine Website ähnlich wie Datacamp oder Codeacademy für unsere Schüler vorbereiten. Ich habe viel über Code-Editoren geforscht und verwende jetzt ACE editor. Ich kann den ACE editor Eingang betätigen, aber jetzt brauche ich etwas Anleitung, wie man den Code prüft und laufen lässt, den ich schreibe und laufe.

Bis jetzt habe ich Lösung habe meinen Code auszuführen:

<form> 
    <div id="editor" style="height: 100px; width: 100px"> </div> 
    <input type="hidden" name="editor" style="display: none;"> 
    <input type="submit" value="Submit"> 
</form> 

<script> 
    $(function(){ 
     var $editor = $('#editor'); 
     if ($editor.length > 0) { 
      var editor = ace.edit('editor'); 
      editor.session.setMode("ace/mode/css"); 
      editor.getSession().setMode("ace/mode/javascript"); 
      var input = $('input[name="editor"]'); 
       editor.getSession().on("change", function() { 
       input.val(editor.getSession().getValue()); 
       console.log(input.val(editor.getSession().getValue())); 
       $editor.value = editor.getSession().getValue(); 
      }); 

     } 
    }); 
</script> 

Wenn ich "2+3" geben, sehe ich Konsole Ergebnis:

2 
2+ 
2+3 

Was ich will, ist das Ergebnis des arithmetischen Operators zu erhalten was "5" ist. Wie kann ich es funktionieren lassen und wenn es möglich ist, Python Code ausführen?

Dank

Answer 1

Um Sie Python-Code zu Tun müssen sie entweder an den Server senden und dort bewerten oder so etwas wie https://github.com/replit/jsrepl

verwenden