如何应用Code Mirror中提交的信息?

时间:2013-12-27 14:39:26

标签: javascript html css codemirror

我希望建立一个个人代码游乐场。基本上我想为HTML,CSS和JS制作3个Code Mirror文本区域。基本上我对如何制作结果框感到困惑。任何帮助将不胜感激...谢谢:)

只是为了澄清我正在寻找一种方法(我知道iFrame)从3“CodeMirrors”提交代码然后应用于下面的结果区域。我也在寻找关于如何做到这一点的指示,因为我只编写了6个月。

1 个答案:

答案 0 :(得分:0)

方法1 - 使用iframe:

这是jsfiddle使用的方法。创建3个textareas来放置你的代码(html,javascript,css)。当用户按下按钮时,您可以向服务器发送ajax请求,发送3个文本,以生成一个临时页面,该页面由各个部分组成并返回其URL。然后创建一个指向它的iframe(或更新现有的src)。

这很简单。

方法2 - 客户方:

您可以在实际页面中附加html,css和js。这很简单,但可以产生各种问题,包括冲突的样式,ID和javascript函数/变量名称(必须手动管理)。