jsfiddleなどのエディタをサイトに埋め込み、編集可能にする

プログラミングのTipsサイトを作成予定です。

サイト上にjsfiddleのようなエディタを埋め込み、学習者がサイト上でコードを編集・確認できるようにしたいです。
jsfiddleの画面をページに埋め込むことまではできたのですが、読み取り専用になっていて、編集はできない状態です。

サイト上にjsfiddleのようなエディタを埋め込み、学習者がサイト上でコードを編集・確認できるようにしたい

この仕様を実現することは可能でしょうか。
jsfiddle以外のサービスでももちろんOKなので、お知恵を拝借できますと幸いです。

m.ts10806

2021/06/25 08:50

jsfiddleなど、あれはエディタというよりサービスそのものなので、利用者編集可能となれば自身で同等の仕組みを作るしかないのでは？そもそも現状のコードどうなってますか？

Ogamary

2021/06/25 08:56

ご返信ありがとうございます！ > あれはエディタというよりサービスそのものなので、利用者編集可能となれば自身で同等の仕組みを作るしかないそうなんですね。某スクールのカリキュラムで、JSBinがカリキュラムに埋め込まれていてカリキュラム上で編集ができたので、同じことができる方法を探しておりました。試したのはjsfiddleの「Embed」で表示されるiframeのコードをそのまま貼り付け、です。 JSBinでも試したいと思ったのですが、「Embed」に準ずる機能（？）が見つけられず、今に至ります。他の方法を考えたいと思います。ありがとうございました。