编辑器001-创新互联

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>  <title></title>  <linkhref="EditBase.css" rel="stylesheet" type="text/css" />  <style>
    .bc_blue{ border: solid 1px blue; }
.bc{ border: solid 1px #2C3D5B; }
.fontbold{font-weight:bold;}
.w80{width:80px}
.w100{ width: 100px;}
.w200{ width: 200px;}
.w600{ width: 600px;}
.h300{ height: 100px; }
.edti{border:solid 1px #ccc;width:700px;}
.editContent{ background-color:White;padding:10px;word-wrap:break-word;height: auto; min-height: 200px;padding-top:15px;}
.editTool{width:100%;height:26px;background-color:#D7E4F2;margin:0px;}
.editTool div{ float:left;padding:3px 9px 3px 9px; cursor:pointer;text-decoration:none;color:Black}
.editTool  .curr{background-color:#81AAD1;}  </style></head><body>  <divclass="edti">   <divclass="editTool"> <divid="bold" class="fontbold" onclick='DivEdit.setBold()'title="加粗">
                B
</div> <divid="Underline" class="fontbold" onclick='DivEdit.setUnderline()'title="下划线">  <u>U</u></div> <divid="Italic" class="fontbold" onclick='DivEdit.setLtalic()'title="斜体">  <i>I</i></div> <divid="Insert1" class="fontbold" onclick="DivEdit.insertText('插入的值')" title="插入的值">
                +
</div> <div>  <selectid="fontSize" onchange="DivEdit.setFontSize()">   <optionvalue="1">1</option>   <optionvalue="2">2</option>   <optionvalue="3">3</option>   <optionvalue="4">4</option>   <optionvalue="5">5</option>   <optionvalue="6">6</option>   <optionvalue="7">7</option>  </select></div> <div>  <selectid="ForeColor" onchange="DivEdit.setForeColor()">   <optionvalue="0">字体颜色</option>   <optionvalue="#ED0D08"></option>   <optionvalue="#000000">黑色</option>  </select></div> <div>  <selectid="backColor">   <optionvalue="0">背景颜色</option>  </select></div>   </div>   <divid="divCon" onclick="DivEdit.setEditObj('divCon');" class="bc  editContent"
            contenteditable="true">   </div>  </div></body></html><scriptsrc="https://files.cnblogs.com/wzq806341010/jquery-1.7.2.min.js" type="text/javascript"></script><scriptsrc="https://files.cnblogs.com/wzq806341010/rangy-core.js" type="text/javascript"></script><scripttype="text/javascript">  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();
            }
        }
    }

        
  
</script>

001

本文名称：编辑器001-创新互联
URL地址：https://www.cdcxhl.com/article48/djphhp.html

成都网站建设公司_创新互联，为您提供关键词优化、做网站、定制开发、品牌网站设计、软件开发、网站导航

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容