創(chuàng)新互聯公司不只是一家網站建設的網絡公司;我們對營銷、技術、服務都有自己獨特見解,公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務!我們經歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。我們珍視每一份信任,關注我們的成都網站設計、網站建設質量和服務品質,在得到用戶滿意的同時,也能得到同行業(yè)的專業(yè)認可,能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術創(chuàng)新,服務升級,滿足企業(yè)一站式全網整合營銷推廣需求,讓再小的成都品牌網站建設也能產生價值!><!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);//根據指定的文本創(chuàng)建節(jié)點 var lastNode= node.lastChild;//獲得節(jié)點的最后一個字節(jié)點 range.insertNode(node);//將節(jié)點插入到范圍內開頭 range.setEndAfter(lastNode);//在指定的節(jié)點后結束范圍 range.collapse(false);//折疊:true光標到開始,false:光標到結束 sel.removeAllRanges();
sel.addRange(range);
sel.collapseToEnd();
}
}
}
</script>
001
本文名稱:編輯器001-創(chuàng)新互聯
URL地址:http://vcdvsql.cn/article48/djphhp.html
成都網站建設公司_創(chuàng)新互聯,為您提供關鍵詞優(yōu)化、做網站、定制開發(fā)、品牌網站設計、軟件開發(fā)、網站導航
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯