5

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

だから私は下の画像について厳しいです。私のウェブサイトに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が可能であれば、実際の例はありますか?

4

1 に答える 1