在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 相关文章推荐
js 字符串转换成数字的三种方法
Mar 23 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
window.navigate 与 window.location.href 的使用区别介绍
Sep 21 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
Aug 24 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
浅谈webpack构建工具配置和常用插件总结
May 11 Javascript
node.js +mongdb实现登录功能
Jun 18 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接口中interface存在的意义
2013/06/27 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
CI框架的安全性分析
2016/05/18 PHP
PHP5.5安装PHPRedis扩展及连接测试方法
2017/01/22 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
ThinkPHP5.1的权限控制怎么写?分享一个AUTH权限控制
2021/03/09 PHP
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
利用Keydown事件阻止用户输入实现代码
2014/03/11 Javascript
学习JavaScript设计模式之策略模式
2016/01/12 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
2017/07/17 Javascript
javascript计算对象长度的方法
2017/10/25 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
python调用外部程序的实操步骤
2019/03/04 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
python 多进程队列数据处理详解
2019/12/23 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
生日宴会主持词
2014/03/20 职场文书
音乐学专业求职信
2014/07/22 职场文书
2014年副班长工作总结
2014/12/10 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
干部考核工作总结
2015/08/12 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
了解Redis常见应用场景
2021/06/23 Redis