在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随便控制任意div隐藏的方法
Jun 28 Javascript
JQuery实现带排序功能的权限选择实例
May 18 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 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 Squid中可缓存的动态网页设计
2008/09/17 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
PHP+Apache+Mysql环境搭建教程
2016/08/01 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
js CSS操作方法集合
2008/10/31 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
2015/09/28 Javascript
jQuery实现的简单拖拽功能示例
2016/09/13 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
angular2+nodejs实现图片上传功能
2017/03/27 NodeJs
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
python获取外网ip地址的方法总结
2015/07/02 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
2020/07/09 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
英国最大的香水商店:The Fragrance Shop
2018/07/06 全球购物
大学生自我鉴定范文模板
2014/01/21 职场文书
三月雷锋月活动总结
2014/07/03 职场文书
二年级语文上册复习计划
2015/01/19 职场文书
单位工资证明范本
2015/06/12 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
学生会部长竞选稿
2015/11/19 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
代码复现python目标检测yolo3详解预测
2022/05/06 Python
JavaScript前端面试扁平数据转tree与tree数据扁平化
2022/06/14 Javascript