Javascript 将JSFIDLE代码绑定到angularjs模型

我使用angularjs创建了一个前端。在我希望让用户输入我正在使用嵌入式JSFIDLE的javascript代码的表单中

    <iframe style="width: 100%; height: 300px" 
    src="http://jsfiddle.net/zalun/NmudS/embedded/"></iframe>

使用JSFIDLE，他们可以输入代码并检查结果

我想在用户提交表单时保存该代码。我该怎么做

或

---

建议任何其他JSFIDLE的替代方案，这将符合我的目的。

JSFIDLE代码位于iframe中，因此不可能进行传统的角度绑定。我环顾四周，Codepen和JSFIDLE都不支持在嵌入中编辑和下载组成该笔的原始资源。但是，Codepen和JSFIDLE都支持远程创建PEN的API。这显然是一种更糟糕的体验，但是您可以让站点上的代码表单提供一个按钮，用于在Codepen或JSFIDLE上打开用户的代码进行测试，但他们仍然在您的站点上提交表单

代码笔API：

---

JSFiddle API:

JSFiddle代码位于iframe中，因此不可能进行传统的角度绑定。我环顾四周，Codepen和JSFIDLE都不支持在嵌入中编辑和下载组成该笔的原始资源。但是，Codepen和JSFIDLE都支持远程创建PEN的API。这显然是一种更糟糕的体验，但是您可以让站点上的代码表单提供一个按钮，用于在Codepen或JSFIDLE上打开用户的代码进行测试，但他们仍然在您的站点上提交表单

代码笔API：

JSFIDLE API：