在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中暂停功能的实现代码
Mar 04 Javascript
Javascript 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
onclick与listeners的执行先后问题详细解剖
Jan 07 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
JSON字符串转换JSONObject和JSONArray的方法
Jun 03 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
javascript实现图片轮播代码
Jul 09 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中截取字符串支持utf-8
2007/01/18 PHP
PHP中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
javascript textContent与innerText的异同分析
2010/10/22 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
Javascript封装id、class与元素选择器方法示例
2017/03/13 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
angular 内存溢出的问题解决
2018/07/12 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
Python实现telnet服务器的方法
2015/07/10 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
python感知机实现代码
2019/01/18 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
python几种常用功能实现代码实例
2019/12/25 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
特色蛋糕店创业计划书
2014/01/28 职场文书
效能风暴心得体会
2014/09/04 职场文书
小学教师师德整改措施
2014/09/29 职场文书
2014年电厂工作总结
2014/12/04 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
2015年店长个人工作总结
2015/10/23 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
基于angular实现树形二级表格
2021/10/16 Javascript
ant design vue的form表单取值方法
2022/06/01 Vue.js