在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核心架构设计
Mar 28 Javascript
JSON字符串和对象相互转换实例分析
Jun 16 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
原生JS实现幻灯片
Feb 22 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
JS实现的JSON序列化操作简单示例
Jul 02 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
JS实现求5的阶乘示例
Jan 21 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
2014/07/18 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
2017/02/19 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
2017/07/16 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
JavaScript图片处理与合成总结
2018/03/04 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
封装一下vue中的axios示例代码详解
2020/02/16 Javascript
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
Django开发中复选框用法示例
2018/03/20 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
10款最好的Python开发编辑器
2019/07/03 Python
python实现门限回归方式
2020/02/29 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
Django中FilePathField字段的用法
2020/05/21 Python
Selenium webdriver添加cookie实现过程详解
2020/08/12 Python
超级实用的8个Python列表技巧
2020/08/24 Python
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
英国高街电视:High Street TV
2018/05/22 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
化工专业求职信
2014/07/01 职场文书
三严三实学习心得体会(精选N篇)
2016/01/05 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
java设计模式--建造者模式详解
2021/07/21 Java/Android