How to Make A Tryit Editor Like W3school

Posted by on December 28, 2017

如何做出一個 w3school Tryit 的程式編輯器。

5秒鐘結束這一回合

你只需要：

其實整個概念就是，取出textarea的內容，將她(請將程式碼當成是你的女友)顯示在iframe上

至於如何，顯示在iframe上，則必須使用到iframe的一個attribute - “srcdoc”，當srcdoc的值為HTML語法，iframe就會自動執行囉，世界是不是很美好阿~

不囉嗦，直接附上用w3school的Tryit實現自己的Tryit編輯器。