如何在ACE编辑器中验证Javascript代码?

时间:2017-12-13 19:00:48

标签: ace-editor codemirror

我想为学生准备类似DatacampCodeacademy的网站。我对代码编辑器进行了大量研究,现在我使用ACE editor。我可以操作ACE editor输入,但现在我需要一些指导如何验证和运行我发送和运行的代码。

到目前为止,我有解决方案来运行我的代码:

<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>

当我输入"2+3"时,我会看到控制台结果:

2
2+
2+3

我想要的是获得算术运算符的结果,即&#34; 5&#34;。 如何使其工作并且如果可以运行Python代码?

由于

1 个答案:

答案 0 :(得分:0)

要修改python代码,您需要将其发送到服务器并在那里进行评估或使用类似https://github.com/replit/jsrepl

的内容