在textarea中顯示html頁面的javascript代碼
來源:互聯網
上載者:User
我想讓textarea中寫的html頁面顯示為html形式
我知道有htmledit之類的工具 我用不了他的那麼多的功能 我只要簡單的顯示就可以了
1樓
如果你只為顯示的話,可以用document.write()
如果還要編輯的話,我覺得你可能還是要用htmledit之類的工具,我現在在研究fckeditor,他有幾中類型,有功能少的。嘿嘿,個人之見,希望對你有用。
2樓
<textarea id=tx1></textarea>
<input type=button value="show" onclick="test();")>
<script>
function test()
{
x=window.open("about:blank");
x.document.write(tx1.value);
}
</script>
3樓
在多行文字框中顯示
function Deal(fString)
fString = replace(fString, ">", ">")
fString = replace(fString, "<", "<")
fString = Replace(fString," ",chr(32))
fString = Replace(fString,""",chr(34))
fString = Replace(fString,"'",chr(39))
fString = Replace(fString, "", CHR(13))
fString = Replace(fString, "</P><P>", CHR(10) & CHR(10))
fString = Replace(fString, "<BR>", CHR(10))
Deal = fString
end function
用此函數可以
4樓
<OBJECT class=EditorArea id=objContent classid=clsid:2D360201-FFF5-11D1-8D03-00A0C959BC0A viewastext>
<PARAM NAME="ActivateApplets" VALUE="0">
<PARAM NAME="ActivateActiveXControls" VALUE="0">
<PARAM NAME="ActivateDTCs" VALUE="-1">
<PARAM NAME="ShowDetails" VALUE="0">
<PARAM NAME="ShowBorders" VALUE="-1">
<PARAM NAME="Appearance" VALUE="1">
<PARAM NAME="Scrollbars" VALUE="-1">
<PARAM NAME="ScrollbarAppearance" VALUE="1">
<PARAM NAME="SourceCodePreservation" VALUE="-1">
<PARAM NAME="AbsoluteDropMode" VALUE="0">
<PARAM NAME="SnapToGrid" VALUE="0">
<PARAM NAME="SnapToGridX" VALUE="50">
<PARAM NAME="SnapToGridY" VALUE="50">
<PARAM NAME="UseDivOnCarriageReturn" VALUE="-1">
</OBJECT>
用這個代替 textarea
5樓
up
6樓
將html頁面顯示在textarea中顯示不會,不過將textarea中的顯示為html頁面倒是可以的....
document.write(xxxxxx)
xxxxx為你的textarea的值
7樓
<textarea id="test" rows="20" cols="50"></textarea>
<Script Language="JavaScript">
var oImg=document.createElement("IMG");
oImg.src="http://www.51js.com/images/avatars/14.gif";
test.appendChild(oImg);
</Script>
8樓
這麼麻煩,用iframe不就行了
9樓
也可以編輯
10樓
友情up。
11樓
<div style="width:300px;height:100px;border:1px solid red;" contenteditable=true id="aa">
</div>
<input type=button onclick="aa.innerHTML ='<font color=green>asdfs</font>'" value="set">