将jsfiddle代码绑定到angularjs模型

时间:2017-06-13 19:11:47

标签: javascript angularjs jsfiddle

我使用angularjs创建了一个前端。在表单中,我想让用户输入我使用嵌入式JSfiddle的javascript代码。

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

使用jsfiddle,他们可以输入代码并自行检查结果。

我希望在用户提交表单时保存该代码。我怎么能这样做?

或 建议jsfiddle的任何其他选择,这将符合我的目的。

1 个答案:

答案 0 :(得分:0)

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

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

JSFiddle API:http://doc.jsfiddle.net/api/post.html