在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 相关文章推荐
JavaScript 组件之旅(一)分析和设计
Oct 28 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
jquery.tmpl JQuery模板插件
Oct 10 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
Apr 07 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
Jan 13 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
Apr 29 Javascript
深入理解MVC中的时间js格式化
May 19 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
Aug 24 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
React中获取数据的3种方法及优缺点
Feb 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
类的另类用法--数据的封装
2006/10/09 PHP
php 模拟POST|GET操作实现代码
2010/07/20 PHP
PHP数据库调用类调用实例(详细注释)
2012/07/12 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
jquery实现动态操作select选中
2015/02/11 Javascript
javascript入门教程基础篇
2015/11/16 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
理解JS事件循环
2016/01/07 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
2018/06/06 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
python 3.6 +pyMysql 操作mysql数据库(实例讲解)
2017/12/20 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
django form和field具体方法和属性说明
2020/07/09 Python
python从Oracle读取数据生成图表
2020/10/14 Python
python实现扫雷游戏的示例
2020/10/20 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
任意存:BOXFUL
2018/05/21 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
工商学院毕业生个人自我评价
2013/09/19 职场文书
设计部经理的岗位职责
2013/11/16 职场文书
新员工入职感言
2014/02/01 职场文书
运动会稿件100字
2014/09/24 职场文书
2015年消防工作总结
2015/04/24 职场文书
就业意向书范本
2015/05/11 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js
英镑符号 £
2022/02/17 杂记