將jsfiddle代碼綁定到angularjs模型

Question

我已經使用angularjs創建了一個前端。在表單中，我想讓用戶輸入我正在使用嵌入式JSfiddle的JavaScript代碼。

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

用jsfiddle他們可以輸入代碼並檢查結果它自己。

我想在用戶提交表單時保存該代碼。我怎樣才能做到這一點？

或 建議jsfiddle的任何其他替代方案，這將用於我的目的。

Answer 1

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