在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 相关文章推荐
在textarea文本域中显示HTML代码的方法
Mar 06 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
Apr 16 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
Vue SSR 组件加载问题
May 02 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
分享一个vue项目“脚手架”项目的实现步骤
May 26 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
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 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
php使用cookie实现记住用户名和密码实现代码
2015/04/27 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
基于jquery自己写tab滑动门(通用版)
2012/10/30 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
requireJS使用指南
2016/04/27 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
js new Date()实例测试
2019/10/31 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
Numpy掩码式数组详解
2018/04/17 Python
Python中的枚举类型示例介绍
2019/01/09 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
Python基于gevent实现高并发代码实例
2020/05/15 Python
Python同时处理多个异常的方法
2020/07/28 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
python Selenium 库的使用技巧
2020/10/16 Python
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
留学自荐信的技巧
2013/10/17 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
质量承诺书格式
2014/05/20 职场文书
应届大学生求职信
2014/07/20 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
纪录片信仰观后感
2015/06/08 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis