当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 在textarea中显示html页面的javascript代码

Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
JavaScript 创建随机数和随机图片
javascript document.execCommand() 常用解析
firefox下对ajax的onreadystatechange的支持情况分析
Javascript attachEvent传递参数的办法
jQuery Attributes(属性)的使用(一、属性篇)
jquery自动完成插件(autocomplete)应用之PHP版
查询绑定数据岛的表格中的文本并修改显示方式的js代码
讨论javascript(一)工厂方式 js面象对象的定义方法
IE不支持option的display样式,只能使用remove和add
多浏览器兼容的获取元素和鼠标的位置的js代码
js checkbox全选并将获取值放到input里边
javascript 日期联动选择器 [其中的一些代码值得学习]
javascript实现的仿51job地址多项选择方式效果
jQuery 渐变下拉菜单
利用图片的 onerror 事件载入默认图片
js实现页面打印功能实例代码(附去页眉页脚功能代码)
JQuery读取XML文件数据并显示的实现代码
比较详细的关于javascript 解析json的代码
TextArea 控件的最大长度问题(js json)

Javascript 中的 在textarea中显示html页面的javascript代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 376 ::
收藏到网摘: n/a

我想让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">