在textarea文本域中显示HTML代码的方法

2019-12-27,,,

这是一个iframe 的

给你一个参考的: 

复制代码 代码如下:
  <iframe ID="tryit" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="300" scrolling="auto"></iframe>
  
  <script language=javascript> 
    tryit.document.designMode="On"; 
    tryit.document.open(); 
    tryit.document.innerHTML+=tryit.document.write("<b>asdf</b>"); 
    tryit.document.close(); 
    tryit.focus(); 
  </script>

这个是textarea 

复制代码 代码如下:
<body> 
  <textarea id="txt" rows=10 cols=10></textarea> 
  <button onclick="insert()">click</button> 
  <script>    
  function insert(){ 
  var oDiv=document.createElement("DIV"); 
  oDiv.innerHTML="<br><Font color = Red>red<BR></FONT><Font color = Blue>blue</font>"; 
  document.getElementById("txt").appendChild(oDiv);  
  } 
  </script> 

您可能感兴趣的文章:

  • 让textarea自动调整大小的js代码
  • javascript textarea光标定位方法(兼容IE和FF)
  • 动态调整textarea中字体的大小代码
  • 新浪微博字数统计 textarea字数统计实现代码
  • Textarea与懒惰渲染实现代码
  • 非主流的textarea自增长实现js代码
  • 在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
  • js操作textarea方法集合封装(兼容IE,firefox)
  • JavaScript 获取/设置光标位置,兼容Input&&TextArea
  • js TextArea的选中区域处理
  • js封装的textarea操作方法集合(兼容很好)
  • javascript实现的textarea运行框效果代码 不用指定id批量指定
  • JavaScript 监听textarea中按键事件
  • javascript之textarea打字机效果提示代码推荐
  • 用javascript获取textarea中的光标位置
  • textarea支持图形编辑的实现方法
  • 关于textarea的直观换行的一些研究材料
  • JS TextArea字符串长度限制代码集合

《在textarea文本域中显示HTML代码的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。