如何在一段文字里点一下就可以在里面插入一段文字

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---如何在一段文字里点一下就可以在里面插入一段文字</title>
</head>

<body>
如何在一段文字里点一下就可以在里面插入一段文字？如题，不要用编辑器之类的来实现。高手们帮忙呀。
<SCRIPT LANGUAGE="JavaScript">
<!--
document.onclick =function(){
    var sel = document.selection;
    if (sel!=null) {
            var rng = sel.createRange();
            if (rng!=null)
                    rng.pasteHTML("<font color=red>插入的文字</font>");
    }
}

//-->
</SCRIPT></body>

</html>