📄 editor.js
字号:
function onMouseDown(){
oResizing.El = null;
if (eWebEditor.document.selection.type == "Control") {
var oControlRange = eWebEditor.document.selection.createRange();
oResizing.El = oControlRange(0);
oResizing.W = oResizing.El.style.width;
oResizing.H = oResizing.El.style.height;
}
if (!history.saved){saveHistory();}
}
function onMouseUp(){
if (oResizing.El){
if ((oResizing.El.style.width!=oResizing.W)||(oResizing.El.style.height!=oResizing.H)){
saveHistory();
}
}
}
function doDragEnd(){
if (!history.saved){saveHistory();}
var oSelection = eWebEditor.document.selection.createRange();
var sRangeType = eWebEditor.document.selection.type;
if (sRangeType == "Control") {
var oControl = oSelection.item(0);
if (oControl.tagName == "IMG"){
oControl.src = FullPath2SetPath(oControl.src);
}
}
if (sRangeType == "Text") {
var els = eWebEditor.document.body.getElementsByTagName("IMG");
var oRngTemp = eWebEditor.document.body.createTextRange();
for(var i=0;i<els.length;i++){
oRngTemp.moveToElementText(els(i));
if (oSelection.inRange(oRngTemp)){
els(i).src = FullPath2SetPath(els(i).src)
}
}
}
saveHistory();
return true;
}
function FullPath2SetPath(url){
if (url.indexOf("://")<0){return url;}
var s_SitePath = getSitePath();
if (url.indexOf(s_SitePath) < 0){return url;}
return url.substr(s_SitePath.length);
}
function getSitePath(){
var sSitePath = document.location.protocol + "//" + document.location.host;
if (sSitePath.substr(sSitePath.length-3) == ":80"){
sSitePath = sSitePath.substring(0,sSitePath.length-3);
}
return sSitePath;
}
function GetClipboardHTML() {
var oDiv = document.getElementById("eWebEditor_Temp_HTML")
oDiv.innerHTML = "" ;
var oTextRange = document.body.createTextRange() ;
oTextRange.moveToElementText(oDiv) ;
oTextRange.execCommand("Paste") ;
var sData = oDiv.innerHTML ;
oDiv.innerHTML = "" ;
return sData ;
}
function cleanAndPaste( html ) {
html = html.replace(/<\/?SPAN[^>]*>/gi, "" );
html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
html = html.replace(/<(\w[^>]*) style="([^"]*)"([^>]*)/gi, "<$1$3") ;
html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;
html = html.replace(/<\\?\?xml[^>]*>/gi, "") ;
html = html.replace(/<\/?\w+:[^>]*>/gi, "") ;
html = html.replace(/ /, " " );
insertHTML( html ) ;
}
function insertHTML(html) {
if (isModeView()) {return false;}
eWebEditor.focus();
if (eWebEditor.document.selection.type.toLowerCase() != "none"){
eWebEditor.document.selection.clear() ;
}
if (sCurrMode!="EDIT"){
html=HTMLEncode(html);
}
eWebEditor.document.selection.createRange().pasteHTML(html) ;
}
function setHTML(html, b_NotSaveHistory) {
ContentEdit.value = html;
switch (sCurrMode){
case "CODE":
eWebEditor.document.designMode="On";
eWebEditor.document.open();
eWebEditor.document.write(getStyleEditorHeader());
eWebEditor.document.body.innerText=html;
eWebEditor.document.body.contentEditable="true";
eWebEditor.document.close();
bEditMode=false;
break;
case "EDIT":
eWebEditor.document.designMode="On";
eWebEditor.document.open();
eWebEditor.document.write(getStyleEditorHeader()+html);
eWebEditor.document.body.contentEditable="true";
eWebEditor.document.execCommand("2D-Position",true,true);
eWebEditor.document.execCommand("MultipleSelection", true, true);
eWebEditor.document.execCommand("LiveResize", true, true);
eWebEditor.document.close();
doZoom(nCurrZoomSize);
bEditMode=true;
break;
case "TEXT":
eWebEditor.document.designMode="On";
eWebEditor.document.open();
eWebEditor.document.write(getStyleEditorHeader());
eWebEditor.document.body.innerText=html;
eWebEditor.document.body.contentEditable="true";
eWebEditor.document.close();
bEditMode=false;
break;
case "VIEW":
eWebEditor.document.designMode="off";
eWebEditor.document.open();
eWebEditor.document.write(getStyleEditorHeader()+html);
eWebEditor.document.body.contentEditable="false";
eWebEditor.document.close();
bEditMode=false;
break;
}
eWebEditor.document.body.onpaste = onPaste ;
eWebEditor.document.body.onhelp = onHelp ;
eWebEditor.document.body.ondragend = new Function("return doDragEnd();");
eWebEditor.document.onkeydown = new Function("return onKeyDown(eWebEditor.event);");
eWebEditor.document.oncontextmenu=new Function("return showContextMenu(eWebEditor.event);");
eWebEditor.document.onmousedown = new Function("return onMouseDown();");
eWebEditor.document.onmouseup = new Function("return onMouseUp();");
if ((borderShown != "0")&&bEditMode) {
borderShown = "0";
showBorders();
}
if (!b_NotSaveHistory){
saveHistory();
}
}
function getHTML() {
var html;
if((sCurrMode=="EDIT")||(sCurrMode=="VIEW")){
html = eWebEditor.document.body.innerHTML;
}else{
html = eWebEditor.document.body.innerText;
}
if (sCurrMode!="TEXT"){
if ((html.toLowerCase()=="<p> </p>")||(html.toLowerCase()=="<p></p>")){
html = "";
}
}
return html;
}
function appendHTML(html) {
if(isModeView()){return false;}
if(sCurrMode=="EDIT"){
eWebEditor.document.body.innerHTML += html;
}else{
eWebEditor.document.body.innerText += html;
}
}
function PasteWord(){
if(!validateMode()){return;}
eWebEditor.focus();
if (!history.saved){saveHistory();}
if(BrowserInfo.IsIE55OrMore){
cleanAndPaste( GetClipboardHTML() ) ;
saveHistory();
}else if(confirm("此功能要求IE5.5版本以上,你当前的浏览器不支持,是否按常规粘贴进行?")){
format("paste") ;
}
eWebEditor.focus();
}
function PasteText(){
if(!validateMode()){return;}
eWebEditor.focus();
if (!history.saved){saveHistory();}
var sText = HTMLEncode( clipboardData.getData("Text") ) ;
insertHTML(sText);
saveHistory();
eWebEditor.focus();
}
function validateMode() {
if(sCurrMode=="EDIT"){return true;}
alert("需转换为编辑状态后才能使用编辑功能!");
eWebEditor.focus();
return false;
}
function isModeView(){
if (sCurrMode=="VIEW"){
alert("预览时不允许设置编辑区内容。");
return true;
}
return false;
}
function format(what,opt) {
if(!validateMode()){return;}
eWebEditor.focus();
if (!history.saved){saveHistory();}
if(opt=="RemoveFormat"){
what=opt;
opt=null;
}
if(opt==null) {
var s = "";
switch(what.toLowerCase()){
case "justifyleft":
s = "left";
break;
case "justifycenter":
s = "center"
break;
case "justifyright":
s = "right"
break;
}
var b = false;
if (s){
var sel = eWebEditor.document.selection.createRange();
sel.type = eWebEditor.document.selection.type;
if (sel.type=="Control"){
var oControl = sel.item(0);
try{
oControl.align = s;
b = true;
}catch(e){}
}
}
if (!b){
eWebEditor.document.execCommand(what);
}
}else{
eWebEditor.document.execCommand(what,"",opt);
}
saveHistory();
eWebEditor.focus();
}
function formatFont(what, v){
if (!history.saved){saveHistory();}
eWebEditor.document.execCommand("fontname","","eWebEditor_Temp_FontName");
var a_Font = eWebEditor.document.body.getElementsByTagName("FONT");
for (var i=0; i<a_Font.length; i++){
var o_Font = a_Font[i];
if (o_Font.getAttribute("face") == "eWebEditor_Temp_FontName"){
delInFont(o_Font, what);
setInFont(o_Font, what, v);
o_Font.removeAttribute("face");
}
}
saveHistory();
}
function setStyleValue(obj, what, v){
try{
switch(what){
case "fontname":
obj.style.fontFamily = v;
break;
case "fontsize":
obj.style.fontSize = v;
break;
default:
break;
}
}catch(e){}
}
function delInFont(obj, what){
setStyleValue(obj, what, "");
var o_Children = obj.children;
for (var j=0; j<o_Children.length; j++){
delInFont(o_Children[j], what);
if ((o_Children[j].tagName=="FONT") || (o_Children[j].tagName=="SPAN")){
if ((o_Children[j].style.cssText=="")||(o_Children[j].innerHTML=="")){
o_Children[j].outerHTML = o_Children[j].innerHTML;
}
}
}
}
function setInFont(obj, what, v){
setStyleValue(obj, what, v);
var o_Children = obj.children;
for (var j=0; j<o_Children.length; j++){
if (o_Children[j].innerHTML!=""){
setInFont(o_Children[j], what, v);
}
}
}
function VerifyFocus() {
if ( eWebEditor )
eWebEditor.focus();
}
function setMode(NewMode){
if (NewMode==sCurrMode){return;}
if (!BrowserInfo.IsIE55OrMore){
if ((NewMode=="CODE") || (NewMode=="EDIT") || (NewMode=="VIEW")){
alert("HTML编辑模式需要IE5.5版本以上的支持!");
return false;
}
}
if (NewMode=="TEXT"){
if (sCurrMode==ModeEdit.value){
if (!confirm("警告!切换到纯文本模式会丢失您所有的HTML格式,您确认切换吗?")){
return false;
}
}
}
var sBody = "";
switch(sCurrMode){
case "CODE":
if (NewMode=="TEXT"){
eWebEditor_Temp_HTML.innerHTML = eWebEditor.document.body.innerText;
sBody = eWebEditor_Temp_HTML.innerText;
}else{
sBody = eWebEditor.document.body.innerText;
}
break;
case "TEXT":
sBody = eWebEditor.document.body.innerText;
sBody = HTMLEncode(sBody);
break;
case "EDIT":
case "VIEW":
if (NewMode=="TEXT"){
sBody = eWebEditor.document.body.innerText;
}else{
sBody = eWebEditor.document.body.innerHTML;
}
break;
default:
sBody = ContentEdit.value;
break;
}
try{
document.all["eWebEditor_CODE"].className = "StatusBarBtnOff";
document.all["eWebEditor_EDIT"].className = "StatusBarBtnOff";
document.all["eWebEditor_TEXT"].className = "StatusBarBtnOff";
document.all["eWebEditor_VIEW"].className = "StatusBarBtnOff";
document.all["eWebEditor_"+NewMode].className = "StatusBarBtnOn";
}
catch(e){
}
sCurrMode = NewMode;
ModeEdit.value = NewMode;
setHTML(sBody);
disableChildren(eWebEditor_Toolbar);
}
function disableChildren(obj){
if (obj){
obj.disabled=(!bEditMode);
for (var i=0; i<obj.children.length; i++){
disableChildren(obj.children[i]);
}
}
}
function showDialog(url, optValidate){
var sName;
var nIndex = url.indexOf(".");
if (nIndex<0){
sName = url;
url = url + ".htm";
}else{
sName = url.substring(0, nIndex);
}
url = "dialog/" + url;
sName = sName.toLowerCase();
url = url.toLowerCase();
if (optValidate) {
if (!validateMode()) {return;}
}
eWebEditor.focus();
if (!history.saved){saveHistory();}
var arr = showModalDialog(url, window, "dialogWidth:0px;dialogHeight:0px;help:no;scroll:no;status:no");
saveHistory();
eWebEditor.focus();
}
function Maximize() {
if (!validateMode()) {return;}
saveHistory();
window.open("dialog/fullscreen.htm?style="+config.StyleName, 'FullScreen'+sLinkFieldName, 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,fullscreen=yes');
}
function createLink(){
if (!validateMode()) {return;}
if (eWebEditor.document.selection.type == "Control") {
var oControlRange = eWebEditor.document.selection.createRange();
if (oControlRange(0).tagName.toUpperCase() != "IMG") {
alert("链接只能是图片或文本");
return;
}
}
showDialog("hyperlink.htm", true);
}
function HTMLEncode(text){
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -