javascript - 从嵌入的 Plunker/StackBlitz 等代码编辑器发送和获取数据

Question

我在 .Net Core 2 和 Angular 6 中有一个网站。我正在尝试用 Angular 或 javaScript 创建一个代码编辑器，它将与网站的一部分进行交互，从父级到嵌入方向，而不是相反，一旦完成，就可以将此代码提交到我的服务器。可以是任何其他编辑器，例如 jsfiddle、jsbin 等...

所以我对下面的图片很在意。我想嵌入类似于 Plunker Editor 的内容在我的网站和此页面中，将有事件发送到此嵌入式 plunker，我相信它是一个 iframe。另外我想知道 plunker 是否可以提交代码，现在可以通过在内部创建一些按钮并通过网络发送来手动下载代码。

PS:对不起，下面的图上写着splunk，但我的意思是plunker。

有没有可能有这样的东西。
如果是，如何？

编辑:

另一种可能的解决方案可能是 stackblitz，它具有连接到 github 的能力。

先决条件:用户需要有一个 github 帐户并告诉我它的地址。

所以我可以加载 stackblitz嵌入式可以做:

1. Load angular code from github (根据他们的API是可以的)
2. 如果可能的话，通过 github API 从 stackblitz 提交？如果是，如何？
3. 据我所知，从父页面到 iframe 的通信是可能的，因此 stackblitz 理论上可以从该事件中获取数据。

如果第 1 点和第 2 点是可能的，有没有活生生的例子？

Answer 1

绝对比 Stackblitz 更好。

按步骤进行:

1. 您需要创建一个 NPM 包，而不仅仅是 git 存储库
2. 您需要使用 POST/PUT/PATCH 资源设置一个 API，允许外部 header ；然而，这绝对是不安全的，您需要激活 SSL
3. 与第 2 步相同，但使用 GET

Here an example .

如果您不知道如何嵌入，他们有一个 documentation .