How we can apply HTMl editor like in html page [closed]

I have a website where I want to put a preview of HTML, CSS and JavaScript and along with that I also want an option to edit the code. So please suggest me how I can do this.

enter image description here

sometime we are using code but not working as try your self plz suggest how we can add this type code block in our website.