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


Posted in Javascript onApril 20, 2007

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

Javascript 相关文章推荐
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
jquery里的each使用方法详解
Dec 22 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 Javascript
textarea的value是html文件源代码,存成html文件的代码
Apr 20 #Javascript
在textarea中屏蔽js的某个function的javascript代码
Apr 20 #Javascript
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
Apr 20 #Javascript
让textarea控件的滚动条怎是位与最下方
Apr 20 #Javascript
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
Apr 20 #Javascript
用JAVASCRIPT如何给&amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;赋值
Apr 20 #Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 #Javascript
You might like
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
php检测useragent版本示例
2014/03/24 PHP
javascript new 需不需要继续使用
2009/07/02 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
js中document.write的那点事
2014/12/12 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
Python使用MONGODB入门实例
2015/05/11 Python
详解Python爬虫的基本写法
2016/01/08 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
Java程序开发中如何应用线程
2016/03/03 面试题
化学专业毕业生自荐信
2013/11/15 职场文书
文秘专业个人求职信
2013/12/22 职场文书
创业计划实施的7大步骤
2014/02/05 职场文书
爸爸的花儿落了教学反思
2014/02/20 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
抵押贷款承诺书
2014/05/30 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
大国崛起日本观后感
2015/06/02 职场文书