在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 相关文章推荐
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
微信小程序实现动态获取元素宽高的方法分析
Dec 10 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 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
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
php无限级分类实现方法分析
2016/10/19 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
javascript 设置某DIV区域内的checkbox复选框
2009/11/30 Javascript
JavaScript 格式字符串的应用
2010/03/29 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
vue中promise的使用及异步请求数据的方法
2018/11/08 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
python安装教程 Pycharm安装详细教程
2017/05/02 Python
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
python elasticsearch环境搭建详解
2019/09/02 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
Python bisect模块原理及常见实例
2020/06/17 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
文秘人员工作职责
2014/01/31 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
安全生产演讲稿
2014/05/09 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL