编辑器001-创新互联

创新互联公司不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的成都网站设计、网站建设质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式全网整合营销推广需求，让再小的成都品牌网站建设也能产生价值！>

U

I

 
                +
      1   2   3   4   5   6   7  
      字体颜色      黑色  
      背景颜色  
             var editObj= document.getElementById('divCon');
var editId= 'divCon';
var Caret= 0;
var editorcurrentcaretset= {};
    editObj.onkeyup= function () {
        DivEdit.saveEditorCaretPos();
        DivEdit.setToolStyle();
    }
var DivEdit= {
        setEditObj:function (eId) {
            editId= eId; editObj= document.getElementById(eId);
            DivEdit.saveEditorCaretPos(); DivEdit.setToolStyle();
        },
        setToolStyle:function () {
            $(".editTool div").removeClass("curr");
if (document.queryCommandState("Bold")) { $("#bold").addClass("curr"); }
if (document.queryCommandState("Underline")) { $("#Underline").addClass("curr"); }
if (document.queryCommandState("Italic")) { $("#Italic").addClass("curr"); }
        },
        setCommand:function (command) {
            editObj.focus();
if (rangy.getSelection().toString()== "") {
                DivEdit.getEditorCurrentCaret();
            }
            document.execCommand(command); DivEdit.setToolStyle();
        },
        setBold:function () {
            DivEdit.setCommand("Bold");
        },
        setUnderline:function () {
            DivEdit.setCommand("Underline");
        },
        setLtalic:function () {
            DivEdit.setCommand("Italic");
        },
        setFontSize:function () {
            editObj.focus();
if (rangy.getSelection().toString()== "") {
                DivEdit.getEditorCurrentCaret();
            }
var color= document.getElementById("fontSize").value;
            document.execCommand('FontSize',false, color)
        },
        setForeColor:function () {
            editObj.focus();
if (rangy.getSelection().toString()== "") {
                DivEdit.getEditorCurrentCaret();
            }
var size= document.getElementById("ForeColor").value;
            document.execCommand('ForeColor',false, size)
        },
        getEditorCurrentCaret:function () {
var sel= rangy.getSelection();
if (sel&& sel.getRangeAt&& sel.rangeCount) {
var range= editorcurrentcaretset["c" + editId];
if (range) {
                    sel.removeAllRanges();
                    sel.addRange(range);
                }
            }
        },
        saveEditorCaretPos:function () {
var sel= rangy.getSelection();
if (sel&& sel.getRangeAt&& sel.rangeCount) {
                editorcurrentcaretset["c" + editId]= sel.getRangeAt(0);
            }
else {
                editorcurrentcaretset["c" + editId]= null;
            }
        },
        insertText:function (html) {
            editObj.focus();
            DivEdit.getEditorCurrentCaret();
            sel= rangy.getSelection();//如果兼容性不好：换成rangy.getSelection()       //../js/rangy-core.js" if (sel&& sel.getRangeAt&& sel.rangeCount) {
                range= sel.getRangeAt(0);
                node= range.createContextualFragment(html);//根据指定的文本创建节点  var lastNode= node.lastChild;//获得节点的最后一个字节点                range.insertNode(node);//将节点插入到范围内开头                range.setEndAfter(lastNode);//在指定的节点后结束范围                range.collapse(false);//折叠：true光标到开始，false：光标到结束                sel.removeAllRanges();
                sel.addRange(range);
                sel.collapseToEnd();
            }
        }
    }