当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 在textarea中显示html页面的javascript代码

在textarea中显示html页面的javascript代码

2019年07月30日  | 移动技术网IT编程  | 我要评论
我想让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">

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网