兼容firefox下textarea文本插入简单标签的方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 兼容firefox下选择textarea文字的js代码 </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
    function getSelectedText(tag){
        var selectedText;
        var textField=document.getElementByIdx('inputTextarea');
        if(window.getSelection)
        {

 selectedText=getTextFieldSelection(textField,tag);
 }
        else
 {
 selectedText=document.selection.createRange().text;
 document.selection.createRange().text="<"+tag+">"+selectedText+"<"+tag+">";
 selectedText="<>"+selectedText+"<>";
 }           
//alert(selectedText);
    }

    function getTextFieldSelection(e,tag){
        //var oEvent=arguments.callee.caller.arguments[0];
        if(e.selectionStart != undefined && e.selectionEnd != undefined)
         {   var ostr= e.value.substring(e.selectionStart,e.selectionEnd);

      var str="<"+tag+">"+ostr+"</"+tag+">"; 
             var reg = new RegExp((ostr),"g");
  e.value=e.value.replace(reg,str);
           return "<>"+ostr+"<>";
 }
      else return "";
    }
  </script>
  <style type="text/css">
    ul{
        list-style:none;
    }
  </style>
 </HEAD>

 <BODY>
    <ul>
        <li>兼容firefox下textarea文本插入标签的方法</li>
        <li><textarea id="inputTextarea" rows="6" cols="50"/>千万别相信我说的事情,我从来就没有这么勇敢过,这么壮烈过。我不断发誓要老老实实讲故事,可是说实话的愿望有多强烈,受到

的各种干扰就有多大。我悲哀地发现根本就无法还原真相。记忆总是被我的情感改头换面,并随之捉弄我,背叛我。把我搞得头昏脑胀,真假难辩。</textarea></li>
        <li><button onclick="getSelectedText('p');">分段</button><button onclick="getSelectedText('b');">加粗</button><button onclick="getSelectedText('i');">倾斜

</button><button onclick="getSelectedText('u');">下划线</button></li>
    </ul>
 </BODY>
</HTML>

你可能感兴趣的:(html,function,情感,firefox,generator)