在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实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
js相册效果代码(点击创建即可)
Apr 16 Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
Feb 20 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
js实现小时钟效果
Mar 25 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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中对xml读取的相关函数的介绍一
2008/06/05 PHP
php PDO中文乱码解决办法
2009/07/20 PHP
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
详解jQuery简单的表单应用
2016/12/16 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
jQuery实现ajax无刷新分页页码控件
2017/02/28 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
python Django批量导入不重复数据
2016/03/25 Python
Python单例模式的两种实现方法
2017/08/14 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
Scrapy框架使用的基本知识
2018/10/21 Python
Python WEB应用部署的实现方法
2019/01/02 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
Python占用的内存优化教程
2019/07/28 Python
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
党组织公开承诺书
2014/03/29 职场文书
中学教师师德承诺书
2014/05/23 职场文书
大专生求职信
2014/06/29 职场文书
2015年高校辅导员工作总结
2015/04/20 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
企业文化学习心得体会
2016/01/21 职场文书
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python