这是一个创建于 1753 天前的主题，其中的信息可能已经有所发展或是发生改变。
背景：
想开发一个简单的网站，管理员可以添加 JS 题目，然后学生在前端使用在线的编辑器提交代码，然后获取相应份数（类似 LeetCode ）
后端用了 flask，但对前端不熟悉，查了资料，想使用 monaco-editor。
我觉得大致思路应该是前端用 monaco-editor，学生输入代码后点击提交，然后使用相对应的 api 获取输入内容，通过 eval 函数计算结果传给后台，后台再进行计算。
但是不知道具体代码该如何编写，不知道有没有人有类似开发经验或者相关代码可以参考？
想开发一个简单的网站，管理员可以添加 JS 题目，然后学生在前端使用在线的编辑器提交代码，然后获取相应份数（类似 LeetCode ）
后端用了 flask，但对前端不熟悉，查了资料，想使用 monaco-editor。
我觉得大致思路应该是前端用 monaco-editor，学生输入代码后点击提交，然后使用相对应的 api 获取输入内容，通过 eval 函数计算结果传给后台，后台再进行计算。
但是不知道具体代码该如何编写，不知道有没有人有类似开发经验或者相关代码可以参考？
 |
1
mxT52CRuqR6o5 2020-01-23 18:34:54 +08:00 via Android
Vscode 啊
|
 |
2
rrfeng 2020-01-23 20:39:13 +08:00 via Android
现在都是 vscode 了，应该有插件。
写 angular 查问题几乎每个例子都有 stackbliz 真的无敌 |
 |
3
juventusryp OP @mxT52CRuqR6o5 不太明白，我想是在网页中插入在线的编辑器，这个 vscode 也可以吗？
|
|
4
juventusryp OP @rrfeng 能说清楚一点吗，不太明白
|
 |
5
beastk 2020-01-23 21:41:09 +08:00 via iPhone
https://www.runoob.com/try/try.php?filename=tryhtml_intro 其实很简单，加载一个 iframe，把 js 放到 iframe 里面去执行就行
|
 |
6
lemon6 2020-01-23 22:46:41 +08:00 via Android
你的思路很正确啊，为啥不自己动手试试呢？
|
 |
7
cosmic 2020-01-23 23:27:36 +08:00 via Android
editor.getModels[0].getValue()
|
 |
8
rain0002009 2020-01-23 23:40:11 +08:00
就用 monaco-editor 就行了 你看他介绍和公司就知道它和 vscode 是啥关系
|
 |
9
KasuganoSoras 2020-01-24 00:22:44 +08:00
CodeMirror + Eval 不就可以了吗？
https://codemirror.net/demo/fullscreen.html |
 |
10
Mutoo 2020-01-24 05:41:34 +08:00
你这种需要最好直接上开源的 online judgement 系统，也就是 OJ。
安全上需要有特殊的隔离机制，防止学生提交的代码直接把你系统黑了。 |
 |
11
CallMeReznov 2020-01-24 10:08:21 +08:00 via Android
楼主想要的类似于 w3cschool 与 runnoob 那种能在线运行简单例子的编译区
其实你前段用啥都没区别，主要还是编写调试与提交后评分返回的问题 |
Select Language