編輯器001-創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)公司不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對營銷、技術(shù)、服務(wù)都有自己獨特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認可，能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級，滿足企業(yè)一站式全網(wǎng)整合營銷推廣需求，讓再小的成都品牌網(wǎng)站建設(shè)也能產(chǎn)生價值！><!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);//根據(jù)指定的文本創(chuàng)建節(jié)點 var lastNode= node.lastChild;//獲得節(jié)點的最后一個字節(jié)點 range.insertNode(node);//將節(jié)點插入到范圍內(nèi)開頭 range.setEndAfter(lastNode);//在指定的節(jié)點后結(jié)束范圍 range.collapse(false);//折疊：true光標到開始，false：光標到結(jié)束 sel.removeAllRanges(); sel.addRange(range); sel.collapseToEnd(); } } } </script>001

本文名稱：編輯器001-創(chuàng)新互聯(lián)
URL地址：http://bm7419.com/article48/djphhp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、做網(wǎng)站、定制開發(fā)、品牌網(wǎng)站設(shè)計、軟件開發(fā)、網(wǎng)站導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司