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

Question

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

因此，我对下面的图像很难理解。 我想在我的网站上嵌入类似于Plunker Editor的内容，并且在此页面中，会有一些事件会发送到该嵌入的插件，我相信这是一个iframe。 我也想知道，插棒能否提交代码，现在可以通过内部创建一些按钮并通过网络发送来手动下载代码。

PS：抱歉，在下面的抽奖中写为 splunk ，但我的意思是 plunker 。

Is it possible to have something like this. If yes, How?

编辑：

另一个可能的解决方案可能是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，并允许外部标头；但这绝对是不安全的，您需要激活SSL
3. 与第2步一样，但使用GET

Here an example。

如果您不知道如何嵌入，他们会有documentation。