انجام این کار خیلی ساده هست فقط کافیه یک iframe ایجاد کنید و کد های کلاینت را درون آن import کنید. حالا هر بار که کد توسط یوزر تغییر میکند باید این iframe آپدیت شود.
کد مربوط به این پروژه را در github درج کردم.
لینک دموی این سایت نیز اضافه شد
شاید فکر کنید که سایتی مثل codepen که به صورت آنلاین میشود کد سمت کلاینت را نوشت و در لحظه نتیجه را دید میتواند چالش بزرگی باشد. با من همراه باشید تا بررسی کنیم که نحوه اجرا کد به صورت آنلاین و لحظه ای چگونه است