在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 相关文章推荐
ext监听事件方法[初级篇]
Apr 27 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
js随机颜色代码的多种实现方式
Apr 23 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 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错误抑制符(@)导致引用传参失败Bug的分析
2011/05/02 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
PHP图片裁剪函数(保持图像不变形)
2014/05/04 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
详解php中的implements 使用
2017/06/13 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
nodejs+mongodb+vue前后台配置ueditor的示例代码
2018/01/02 NodeJs
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
js实现双色球效果
2020/08/02 Javascript
极简的Python入门指引
2015/04/01 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
Python获取命令实时输出-原样彩色输出并返回输出结果的示例
2019/07/11 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
Python编写万花尺图案实例
2021/01/03 Python
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
自动化专业毕业生自荐信
2013/11/01 职场文书
模具专业自荐信
2014/05/29 职场文书
装修施工安全责任书
2014/07/24 职场文书
幼儿园教师求职信
2015/03/20 职场文书
多表查询、事务、DCL
2021/04/05 MySQL
MySQL实现配置主从复制项目实践
2022/03/31 MySQL