在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 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
jquery $.fn $.fx是什么意思有什么用
Nov 04 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
七个很有意思的PHP函数
May 12 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
vue跨域解决方法
Oct 15 Javascript
vue watch监听对象及对应值的变化详解
Feb 24 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
微信小程序报错: thirdScriptError的错误问题
Jun 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
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
无线电广播的开始
2002/01/30 无线电
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
jquery对复选框(checkbox)的操作汇总
2016/01/13 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
2017/10/20 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
js代码规范之Eslint安装与配置详解
2018/09/08 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
Python批量更改文件名的实现方法
2017/10/29 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
百度吧主申请感言
2014/01/12 职场文书
二年级语文教学反思
2014/02/02 职场文书
企业指导教师评语
2014/04/28 职场文书
化工见习报告范文
2014/10/31 职场文书
法定代表人证明书
2014/11/28 职场文书