在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 相关文章推荐
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
js单例模式的两种方案
Oct 22 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
通过location.replace禁止浏览器后退防止重复提交
Sep 04 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
AngularJS中的Directive实现延迟加载
Jan 25 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
Vue Element UI自定义描述列表组件
May 18 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
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
php实现websocket实时消息推送
2018/03/30 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
与jquery serializeArray()一起使用的函数,主要来方便提交表单
2011/01/31 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
Python getopt模块处理命令行选项实例
2014/05/13 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
Python下实现的RSA加密/解密及签名/验证功能示例
2017/07/17 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
python中upper是做什么用的
2020/07/20 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
Python语言编写智力问答小游戏功能
2020/10/13 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
大学生自荐书范文
2013/12/10 职场文书
特色蛋糕店创业计划书
2014/01/28 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
mysql中关键词exists的用法实例详解
2022/06/10 MySQL