Javascript 需要像codecademy/w3中那样创建代码验证编辑器

如何在网页（SPA-like angular）中创建一个代码编辑器，以验证用户输入的代码，如codecademy/w3schools中的代码。如果我必须这样做的话，这就是我将开始尝试的。可以将视图拆分为两个面板：

• 左面板：用户输入代码的编辑器
• 右面板：一个iframe，用于提供用户编写的内容。您可以在运行中生成iframe（作为用户类型），也可以通过在提交按钮上使用域的url（将用户输入保存到html文件，包括样式设置等）来提供iframe，然后提供iframe

---

这听起来怎么样？

只需使用codemirror或ace Editor如何获得固定输出？如果“固定输出”的意思是用户应该只更新某些内容（例如，他必须向h1标记元素添加一个类），那么您可以在其输入中搜索该更改，如果找到，您可以将其添加到实时预览（右面板）。如果您只希望在教程的该步骤中显示您期望的内容，那么您也可以忽略用户可能已经做的其他更改。这能回答你的问题吗？对于HTML，这很好。。。但是我需要用oops语言来做这件事，比如检查函数，无论如何我也可以只检查输出，但是我需要知道有没有库可以做这件事？或者我应该手动执行吗？以及如何在预览iframe上执行不同的语言，如c/c++？对不起，我真的不知道任何库。但它肯定是有用的东西！取决于您选择在中实现的编程语言。例如，使用PHP，您可以发送用户输入，在服务器端执行并验证，然后使用javascript管理响应。