在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,alert出现乱码问题的解决方法
Jun 19 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
Jul 29 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 Javascript
浅谈javascript如何获取文件后缀名
Aug 07 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
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
PHP5中使用DOM控制XML实现代码
2010/05/07 PHP
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
php实现encode64编码类实例
2015/03/24 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
JS 跳转页面延迟2种方法
2013/03/29 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
python的几种开发工具介绍
2007/03/07 Python
Python引用模块和查找模块路径
2016/03/17 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
无畏的旅行:Intrepid Travel
2017/12/20 全球购物
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
一套带网友答案的.NET笔试题
2016/12/06 面试题
资深地理教师自我评价
2013/09/21 职场文书
赔偿协议书范本
2014/04/15 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
企业承诺书怎么写
2014/05/24 职场文书
中队活动总结
2014/08/27 职场文书
农村党员干部承诺书
2015/05/04 职场文书
教师节老师寄语
2015/05/28 职场文书
《藏戏》教学反思
2016/02/23 职场文书
幼儿教师三分钟演讲稿
2019/06/21 职场文书
SQL Server远程连接的设置步骤(图文)
2022/03/23 SQL Server
Web应用开发TypeScript使用详解
2022/05/25 Javascript