問題タブ [stackblitz]

私は .Net Core 2 と Angular 6 で Web サイトを持っています。Angular または JavaScript でコード エディターを作成しようとしています。このコード エディターは、Web サイトの一部 (親から埋め込み方向) と対話し、反対ではなく、このコードを送信できます。完了したら私のサーバー。jsfiddle、jsbinなどの他のエディターにすることができます...

だから私は下の画像について厳しいです。私のウェブサイトにPlunker Editorに似たものを埋め込みたいのですが、このページには、この埋め込まれた plunker に送信されるイベントがあり、iframe だと思います。また、プランカーがコードを送信できるかどうかも知りたいです。コードは、内部でいくつかのボタンを作成し、Web 経由で送信することで手動でダウンロードできるようになりました。

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が可能であれば、実際の例はありますか?

StackBlitz でデモ用のアプリを作成しようとしていますが、アプリがまだ 5.2.x を使用しているため、Angular 5.2.x を使用する必要があります。依存関係をインストールしようとすると、v6 から v5.2 にダウングレードできません。

私は実際に例えば"@angular/common": "^5.2.10", "rxjs": "^5.5.10", "@angular/http": "^5.2.10"などを必要としていますが、v6をインストールすることを余儀なくされています。

これを回避して必要なバージョンをインストールする可能性はありますか、それとも方法はありませんか?

Stackblitz のドキュメントをチェックしてきましたが、そのようなケースについて話しているものは見つかりませんでした。

stackblitz にポリマー アプリの依存関係をインストールしていました。3 つのパッケージが見つからないと言われましたが、npm Web サイトには存在していました。私もcdnを試しました。それでもうまくいきませんでした。

スクリーンショット:

また、この Web サイトから CDNをexternal sourcesstackblitz にインストールしました。

どこが間違っているのか助けてください。前もって感謝します。

アラートを出力するボタンに基本的な onClick があります

StackBlitz ではこれは機能しません - https://stackblitz.com/edit/js-umarwe?embed=1&file=index.js&hideNavigation=1

これはES6のせいですか

これはES6でどのように機能しますか