编辑器学习之插入内容问题

用错方法了,textNode就是纯文本，你设置html没用IE的text也是纯文本，要用pasteHTML方法<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ggggggggggggg</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        //******************************        $(function () {
            function insertv(text) {
                var gg = $("#gg");                var trange = !1;
                if (document.all) {
                    gg.focus(); var trange = document.selection.createRange();
                    document.selection.empty();
                    //trange.text = text;
                    trange.pasteHTML(text)
                    trange.collapse(true);
                    trange.select();
                }
                else {
                    gg.focus();
                    var sel = window.getSelection(), rng = sel.getRangeAt(0);
                    rng.deleteContents();
                    var node = document.createElement('span'); // document.createTextNode(text)
                    node.innerHTML = text;
                    rng.insertNode(node);
                    rng.selectNode(node)
                    sel.collapse(node,1);                }
            }            $("#gw").click(function () {
                var text = "<b>加粗</b>";
                insertv(text);
            });
        })
        //******************************
    });
 
 
 
 
</script>
 
<style type="text/css">
<!--
body {
    background-color: #f1f1f1;
}
-->
</style></head>
 
<body>
<div style="width:500px; height:300px; border:1px solid blue; background:#fff; font-size:12px "contentEditable=true id="gg">因为字体特征的不同，难以统一进行设置。</div>
<p>&nbsp;</p>
<p>
  <input id="gw" name="getwhere" type="button" value="插入&替换" />
 
</p>
</body>
</html>