5

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

所以我对下面的图片很严厉。我想在我的网站上嵌入类似于Plunker Editor的东西,在这个页面中会有事件发送到这个嵌入的 plunker,我相信是一个 iframe。另外我想知道 plunker 是否可以提交现在可以通过在内部创建一些按钮并通过网络发送来手动下载的代码。

PS:对不起,在下面的平局上写的是splunk,但我的意思是plunker

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

我网站上的实时编辑器

编辑:

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

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

所以我可以加载stackblitz嵌入的负载:

  1. 从 github 加载 Angular 代码(根据他们的 API 可以)
  2. 通过 github API 从 stackblitz 提交,如果可能的话?如果是怎么办?
  3. 据我所知,可以从父页面到 iframe 进行通信,因此理论上 stackblitz 可以从该事件中获取数据。

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

4

1 回答 1

0

绝对更好的 Stackblitz。

循序渐进:

  1. 您需要创建一个 NPM 包,而不仅仅是 git 存储库
  2. 您需要使用 POST/PUT/PATCH 资源设置 API,允许外部标头;但是,这绝对是不安全的事情,您需要激活 SSL
  3. 与第 2 步一样,但使用 GET

这里举个例子

如果你不知道如何嵌入,他们有一个文档

于 2018-07-24T21:49:19.340 回答