我想知道,左邊是html js ,右邊顯示,這樣的網(wǎng)頁是怎麼做到的?
它的原理是什麼?
#我下載了wp fiddle,發(fā)現(xiàn)不能用在我最新版本的wordpress,想自己實(shí)作。
提交程式碼的時(shí)候,觸發(fā)了一個(gè)submitTryit() 函數(shù),這個(gè)函數(shù)倒很簡單
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
即可
左邊p#contenteditable
,右邊p.html(contenteditable.html())
不行麼?