Posted by on December 28, 2017, modified on August 1, 2018
如何做出一個 w3school Tryit 的程式編輯器。
你只需要:
其實整個概念就是,取出textarea的內容,將她(請將程式碼當成是你的女友)顯示在iframe上
至於如何,顯示在iframe上,則必須使用到iframe的一個attribute - “srcdoc”,當srcdoc的值為HTML語法,iframe就會自動執行囉,世界是不是很美好阿~
不囉嗦,直接附上用w3school的Tryit實現自己的Tryit編輯器。