在textarea中顯示html頁(yè)面的javascript代碼
更新時(shí)間:2007年04月20日 00:00:00 作者:
我想讓textarea中寫(xiě)的html頁(yè)面顯示為html形式
我知道有htmledit之類(lèi)的工具 我用不了他的那么多的功能 我只要簡(jiǎn)單的顯示就可以了
1樓
如果你只為顯示的話,可以用document.write()
如果還要編輯的話,我覺(jué)得你可能還是要用htmledit之類(lèi)的工具,我現(xiàn)在在研究fckeditor,他有幾中類(lèi)型,有功能少的。嘿嘿,個(gè)人之見(jiàn),希望對(duì)你有用。
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
用此函數(shù)可以
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>
用這個(gè)代替 textarea
5樓
up
6樓
將html頁(yè)面顯示在textarea中顯示不會(huì),不過(guò)將textarea中的顯示為html頁(yè)面倒是可以的....
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">
我知道有htmledit之類(lèi)的工具 我用不了他的那么多的功能 我只要簡(jiǎn)單的顯示就可以了
1樓
如果你只為顯示的話,可以用document.write()
如果還要編輯的話,我覺(jué)得你可能還是要用htmledit之類(lèi)的工具,我現(xiàn)在在研究fckeditor,他有幾中類(lèi)型,有功能少的。嘿嘿,個(gè)人之見(jiàn),希望對(duì)你有用。
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
用此函數(shù)可以
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>
用這個(gè)代替 textarea
5樓
up
6樓
將html頁(yè)面顯示在textarea中顯示不會(huì),不過(guò)將textarea中的顯示為html頁(yè)面倒是可以的....
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">
您可能感興趣的文章:
- 把textarea中字符串里含有的回車(chē)換行替換成<br>的javascript代碼
- JS控制文本框textarea輸入字?jǐn)?shù)限制的方法
- javascript textarea字?jǐn)?shù)限制
- javascript textarea光標(biāo)定位方法(兼容IE和FF)
- TextArea設(shè)置MaxLength屬性最大輸入值的js代碼
- JavaScript判斷textarea值是否為空并給出相應(yīng)提示
- JavaScript中統(tǒng)計(jì)Textarea字?jǐn)?shù)并提示還能輸入的字符
- JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea
- 用JavaScript限制textarea輸入長(zhǎng)度 (For: IE、Firefox ...)[
- 關(guān)于js對(duì)textarea換行符的處理方法淺析
相關(guān)文章
勾選時(shí)激活input 否則禁用的javascript代碼
唯一的可去之外是加了一點(diǎn)美化,使用戶體驗(yàn)更加一層樓,其中包括邊框的加粗,焦點(diǎn)的獲取,checkbox邊框線的隱藏等等。2009-12-12
javascript 回車(chē)鍵觸發(fā)表單提交的問(wèn)題
我們有時(shí)候希望回車(chē)鍵敲在文本框(input element)里來(lái)提交表單(form),但有時(shí)候又不希望如此。2010-04-04
javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
主要用到dom的兩個(gè)函數(shù)document.getElementById(id)和document.getElementsByTagName(name),希望對(duì)寫(xiě)復(fù)選框全選的蝦們有些許幫助。2009-11-11
javascript實(shí)現(xiàn)的左右選擇框效果代碼
javascript實(shí)現(xiàn)的左右選擇框效果代碼...2007-10-10
檢測(cè)input每次的輸入是否合法遇到漢字輸入就有問(wèn)題
檢測(cè)input每次的輸入是否合法遇到漢字輸入就有問(wèn)題,如何判斷漢字是否已經(jīng)輸入到input內(nèi)2012-05-05
javascript select options 排序(保持option 對(duì)象完整性)
select options 排序(保持option 對(duì)象完整性)2010-03-03
IE不支持option的display樣式,只能使用remove和add
想實(shí)現(xiàn)一個(gè)很簡(jiǎn)單的功能:當(dāng)選中“中介”時(shí),不顯示“求購(gòu)”與“求租”。本以為通過(guò)display:none即可實(shí)現(xiàn),結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效,在IE6、IE7、IE8中都無(wú)效。2009-12-12

