我希望建立一个个人代码游乐场。基本上我想为HTML,CSS和JS制作3个Code Mirror文本区域。基本上我对如何制作结果框感到困惑。任何帮助将不胜感激...谢谢:)
只是为了澄清我正在寻找一种方法(我知道iFrame)从3“CodeMirrors”提交代码然后应用于下面的结果区域。我也在寻找关于如何做到这一点的指示,因为我只编写了6个月。
答案 0 :(得分:0)
方法1 - 使用iframe:
这是jsfiddle使用的方法。创建3个textareas来放置你的代码(html,javascript,css)。当用户按下按钮时,您可以向服务器发送ajax请求,发送3个文本,以生成一个临时页面,该页面由各个部分组成并返回其URL。然后创建一个指向它的iframe(或更新现有的src
)。
这很简单。
方法2 - 客户方:
您可以在实际页面中附加html,css和js。这很简单,但可以产生各种问题,包括冲突的样式,ID和javascript函数/变量名称(必须手动管理)。