問題描述

我想知道，左邊是html +js ，右邊顯示，這樣的網(wǎng)頁(yè)是怎樣做到的？它的原理是什么？

我下載了wp fiddle，發(fā)現(xiàn)不能用在我最新版本的wordpress，想自己實(shí)現(xiàn)。

提交代碼的時(shí)候，觸發(fā)了一個(gè)submitTryit() 函數(shù)，這個(gè)函數(shù)倒很簡(jiǎn)單

function submitTryit(){var t=document.getElementById('TestCode').value;t=t.replace(/=/gi,'w3equalsign');t=t.replace(/script/gi,'w3scrw3ipttag');document.getElementById('code').value=t;document.getElementById('tryitform').action='v.asp';validateForm();document.getElementById('tryitform').submit();}function validateForm(){var code=document.getElementById('code').value;if (code.length>5000) { document.getElementById('code').value='<h1>Error</h1>'; }}

問題解答

左邊是一個(gè)表單。書寫代碼，右邊是iframe，左邊代碼form的target設(shè)為右邊iframe即可

這個(gè)頁(yè)面使用了iframe，見下圖

左邊p#contenteditable，右邊p.html(contenteditable.html())不行么？