有没有办法将简单的IDE嵌入到html表单中？

Question

我正在尝试构建一些编程测验，我们可以在其中保存用户响应并在以后查看它们。我非常熟悉所有后端内容应该如何工作，但我不知道如何为用户在前端输入代码创建一个友好的环境。

这就是我需要的：

• 语法高亮（至少 HTML/CSS、PHP 和 Javascript/JQuery
• 一种在每个文本区域的基础上指定答案应采用哪种语言的方法
• 如果可能的话，与 JQuery 兼容的东西。

有人知道解决这个问题的好方法吗？

Answer 1

使用CodeMirror编辑器，它非常强大并且支持多种语言。

http://codemirror.net/

查看下面的链接，其中比较了广泛使用的客户端编辑器及其优缺点。

http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

Answer 2

我的公司使用编辑区，我认为它适合您的需求：

http://www.cdolivet.com/editarea/

演示：http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html

Answer 3

您可以阅读此博客以获得答案：https://www.jdoodle.com/blog/embed-an-ide