在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图片轮换效果的函数
Sep 28 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
vue params、query传参使用详解
Sep 12 Javascript
js控制随机数生成概率代码实例
Mar 21 Javascript
解决vuex刷新数据消失问题
Nov 12 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 和 COM
2006/10/09 PHP
杏林同学录(七)
2006/10/09 PHP
解析PHP跨站刷票的实现代码
2013/06/18 PHP
php中array_column函数简单实现方法
2016/07/11 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
在JavaScript中实现命名空间
2006/11/23 Javascript
[JS源码]超长文章自动分页(客户端版)
2007/01/09 Javascript
newxtree.js代码
2007/03/13 Javascript
javascript引用对象的方法代码
2007/08/13 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
JS常见算法详解
2017/02/28 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
Python基础语言学习笔记总结(精华)
2017/11/14 Python
django云端留言板实例详解
2019/07/22 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
浅析Python 责任链设计模式
2020/09/11 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
学期自我鉴定
2013/11/04 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
交通文明倡议书
2014/05/16 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
Mysql Show Profile
2021/04/05 MySQL
MySQL的Query Cache图文详解
2021/07/01 MySQL
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP