在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 相关文章推荐
JavaScript 新手24条实用建议[TUTS+]
Jun 21 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
jQuery层级选择器用法分析
Feb 10 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
解决vue 子组件修改父组件传来的props值报错问题
Nov 09 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+mysql实现无限级分类
2015/11/11 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
jquery 列表双向选择器之改进版
2013/08/09 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
jQuery Ajax实现跨域请求
2017/01/21 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
微信小程序下拉框功能的实例代码
2018/11/06 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
[03:43]TI9战队采访——PSG.LGD
2019/08/22 DOTA
python求众数问题实例
2014/09/26 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
python调用xlsxwriter创建xlsx的方法
2018/05/03 Python
解决Python中回文数和质数的问题
2019/11/24 Python
python的数学算法函数及公式用法
2020/11/18 Python
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
通信专业个人自我鉴定
2013/10/21 职场文书
会计专业毕业生推荐信
2013/11/05 职场文书
酒店司机岗位职责
2013/12/14 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
2015团员个人年度总结
2015/11/24 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
Python实现简单得递归下降Parser
2022/05/02 Python
SQL Server删除表中的重复数据
2022/05/25 SQL Server