javascript - 需要创建一个代码验证编辑器,如 codecademy/w3schools 中

标签 javascript jquery angular

如何在网页中创建一个代码编辑器(SPA - 类似 Angular)来验证用户输入的代码,就像在 codecademy/w3schools 中一样

最佳答案

如果我必须做这样的事情,这就是我会开始尝试的。您可以将 View 分成 2 个面板:

  • 左侧面板:用户输入代码的编辑器
  • 右面板:一个 iframe,您可以在其中提供用户编写的内容。您可以随时生成 iframe(作为用户类型),也可以通过在“提交”按钮上使用域的 url 来提供它(将用户输入保存到 html 文件,包括样式等),然后提供 iframe。

这听起来怎么样?

关于javascript - 需要创建一个代码验证编辑器,如 codecademy/w3schools 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45056099/

相关文章:

javascript - 将 javascript/Type script 的 2 个功能合二为一

javascript - Intel XDK 在两个页面之间共享数据

javascript - 如何在 LiveCycle 中对表行进行部分求和 - Javascript

javascript - 从一个 jQuery 插件触发事件并在另一个插件中捕获它

jquery - 动态缩小缩略图大小,均匀占用空间

javascript - Bootstrap 4 行,容器末尾有两个列

javascript - AWS 物联网 MQTT : Getting error ERR_CERT_SYMANTEC_LEGACY in chrome

javascript - SQL生成的选择菜单,根据相关值更新文本框

javascript - 语法错误 : missing ; before statement

html - Angular Material 表 : unbind checkbox click from row