在光标处添加文字，或对选择的文字进行更改（JS:TextRange）

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
     < title > Untitled Page </ title >
     < script  language ="javascript"  type ="text/javascript" >
    function Blod()
    {
        Format("粗体","'''");
    }
    function Italic()
    {
        Format("斜体","''");
    }
    function Format(formatName,format)
    {        
        var textarea = document.getElementById("txaContent");
        if(textarea.pos != null)
        {
            var s = textarea.pos.text;
            if(s == null || s == 'undefined'||s == '')
            {
                s = formatName ;
            }
            s = format + s + format;
            textarea.pos.text = s;
        }
        else
        {
            textarea.value += format+formatName+format;
        }
    }
     </ script >
</ head >
< body >
< textarea  id ="txaContent"  cols ="20"  rows ="20"  onselect ="this.pos = document.selection.createRange();"  onclick ="this.pos = document.selection.createRange();"  onkeyup ="this.pos = document.selection.createRange();"   ></ textarea >
< input  type ="button"  onclick ="Blod()"  value ="Blod"  id ="btnBlod"   />
< input  type ="button"  onclick ="Italic()"  value ="Italic"  id ="btnItalic"   />
</ body >
</ html >