需要在codecademy / w3schools中创建代码验证编辑器

Question

如何在网页中创建代码编辑器（SPA - 如角度），验证用户输入代码，如codecademy / w3schools

Answer 1

如果我不得不做这样的话，这就是我要开始尝试的东西。您可以在2个面板中拆分视图：

• 左侧面板：用户输入代码的编辑器
• 右侧面板：iframe，用于提供用户编写的内容。您可以随时随地生成iframe（作为用户类型），也可以通过在“提交”按钮上使用域名的网址（将用户输入保存为html文件，包括样式等）来提供iframe，然后提供iframe。

这听起来怎么样？