在textarea中显示html页面的javascript代码
程序员文章站
2022-07-11 18:31:51
我想让textarea中写的html页面显示为html形式 我知道有htmledit之类的工具 &nb...
我想让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">
我知道有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">
上一篇: 几种瓠瓜的做法,你都了解吗
下一篇: 芹菜与虾怎么做好吃
推荐阅读
-
web在html中引用JavaScript代码的实现(小程序在xwml中实现)
-
在Windows Phone 7 中显示HTML代码
-
在textarea中显示html页面的javascript代码
-
在textarea中屏蔽js的某个function的javascript代码
-
javascript - RTX 在多字节的目标代码页中,没有此 Unicode 字符可以映射到的字符。
-
在textarea中显示html页面的javascript代码_表单特效
-
web在html中引用JavaScript代码的实现(小程序在xwml中实现)
-
同样的代码,在DMcs6和VS2010中显示不一样,这是为什么?_html/css_WEB-ITnose
-
JavaScript在HTML中的使用代码实例
-
同样的代码,在DMcs6和VS2010中显示不一样,这是为什么?_html/css_WEB-ITnose