将jsfiddle代码绑定到angularjs模型

我已经使用angularjs创建了一个前端。在表单中，我想让用户输入我正在使用嵌入式JSfiddle的JavaScript代码。将jsfiddle代码绑定到angularjs模型

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

用jsfiddle他们可以输入代码并检查结果它自己。

我想在用户提交表单时保存该代码。我怎样才能做到这一点？

或建议jsfiddle的任何其他替代方案，这将用于我的目的。

来源

2017-06-13 Shantanu Sharma

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

Codepen API：https://blog.codepen.io/documentation/api/prefill/

的jsfiddle API：http://doc.jsfiddle.net/api/post.html

来源

2017-06-13 19:36:50

将jsfiddle代码绑定到angularjs模型

回答

相关问题