快捷導(dǎo)航

在textarea中顯示html頁(yè)面的javascript代碼

更新時(shí)間：2007年04月20日 00:00:00 作者：

我想讓textarea中寫的html頁(yè)面顯示為html形式
  我知道有htmledit之類的工具   我用不了他的那么多的功能     我只要簡(jiǎn)單的顯示就可以了
1樓
如果你只為顯示的話，可以用document.write（）
  如果還要編輯的話，我覺得你可能還是要用htmledit之類的工具，我現(xiàn)在在研究fckeditor，他有幾中類型，有功能少的。嘿嘿，個(gè)人之見，希望對(duì)你有用。
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
  用此函數(shù)可以
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>
  用這個(gè)代替   textarea
5樓
up
6樓
將html頁(yè)面顯示在textarea中顯示不會(huì),不過將textarea中的顯示為html頁(yè)面倒是可以的....
  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">

您可能感興趣的文章: