在光标处添加文字,或对选择的文字进行更改(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 
= 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>
posted @ 2006-02-11 16:10  Think  阅读(3207)  评论(0编辑  收藏  举报