html_editorax.js

java 写的一个新闻发布系统

        +	">"
        +	"</SPAN>"
        + "</SPAN>"
        + (aTips[i]=="" ? "</NOBR><NOBR>" : "");
        iLeft += aSizes[i];
    }
    stable += ""
    + "</NOBR>"
    + "<SPAN CLASS=tbButton ID=\"tbDBSelect\">"
    +	"<SPAN "
    +	"STYLE=\""
    +	"position:absolute;"
    +	"width: 100;"
    +	"clip: rect(0 100 " + iHeight + " 0)"
    +	"\""
    +	">"
    +	"<SELECT "
    +	"ID=DBSelect "
    +	"ONCLICK='event.cancelBubble=true;' "
    +	">"
    +	"<OPTION>"
    +	"- " + TEXT_TBDATABINDING_TEXT + " -"
    +	"</OPTION>"
    +	"</SELECT>";
    document.write(stable + "</DIV>");
}

// Text State
function textState() {
    this.selection	= null;
    this.bMode	= true;
    this.customButtons = false;
    this.css = this.bgColor	= "";
    this.defaultSkin	= document.styleSheets.skin.cssText;
    this.popupSkin	= document.styleSheets.popupSkin.cssText;
    this.aLinks	= new Array();
    this.stableSearch	= location.search.substring(1);
    this.aBindings	= new Array();
    this.aListPopups	= new Object();
    this.aCache	= new Object();
    this.RestoreSelection	= textState_RestoreSelection;
    this.GetSelection	= textState_GetSelection;
    this.SaveSelection	= textState_SaveSelection;
}

function textState_RestoreSelection() {
    if (this.selection) { this.selection.select(); }
}

function textState_GetSelection() {
    var oSel = this.selection;
    if (!oSel) {
        oSel = idEditbox.document.selection.createRange();
        oSel.type = idEditbox.document.selection.type;
    }
    return oSel;
}

function textState_SaveSelection() {
    g_state.selection = idEditbox.document.selection.createRange();
    g_state.selection.type = idEditbox.document.selection.type;
}

function imageLoaded(wPhotos,wPopup) {
    wPhotos.setBGColor("#FFFFFF");
    wPopup.document.all.idPhotos.style.visibility = "";
}

// Table Popup
function tablePopup_PrepareHTMLPage(stableID,bDisplay) {
    var stable=""
    + "<TABLE height=100% " + ((!bDisplay) ? " style=\"display: none\"" : "") + " width=100% CELLSPACING=0 CELLPADDING=0 ID=" + stableID + ">"
    +	"<TR ID=tableContents>"
    +	"<TD ID=tableOptions VALIGN=TOP NOWRAP WIDTH=150 ROWSPAN=2>"
    +	"<A CLASS=link HREF=\"javascript:window.opener.parent.tablePopup_Select('" + stableID + "','prop1')\">"
    +	TEXT_TABLEROWSANDCOLS_TEXT
    +	"</A>"
    +	"<BR>"
    +	"<A CLASS=link HREF=\"javascript:window.opener.parent.tablePopup_Select('" + stableID + "','prop2')\">"
    +	TEXT_TABLEPADDINGANDSPACING_TEXT
    +	"</A>"
    +	"<BR>"
    +	"<A CLASS=link HREF=\"javascript:window.opener.parent.tablePopup_Select('" + stableID + "','prop3')\">"
    +	TEXT_TABLEBORDERS_TEXT
    +	"</A>"
    +	"<BR>"
    +	"<A CLASS=link HREF=\"javascript:window.opener.parent.tablePopup_Select('" + stableID + "','prop4')\">"
    +	TEXT_TABLEBG_TEXT
    +	"</A>"
    +	"<BR>"
    +	"</TD>"
    +	"<TD BGCOLOR=black ID=puDivider ROWSPAN=2>"
    +	"</TD>"
    +	"<TD ID=tableProps VALIGN=TOP>";
    if (stableID=="tabNewBody") {
        stable+= "<DIV ID='" + stableID + "prop1'>"
        +	"<P CLASS=tablePropsTitle>" + TEXT_TABLEROWSANDCOLS_TEXT + "</P>"
        + "<TABLE><TR><TD>"
        +	TEXT_TABLEINPUTROWS_TEXT
        +	"</TD><TD><INPUT CLASS=input SIZE=2 TYPE=text ID=" + stableID + "txtRows VALUE=2 >"
        +	"</TD></TR><TR><TD>"
        +	TEXT_TABLEINPUTCOLUMNS_TEXT
        +	"</TD><TD><INPUT CLASS=input SIZE=2 TYPE=text ID=" + stableID + "txtColumns VALUE=2 >"
        +	"</TD></TR></TABLE></DIV>";
    } else {
        stable+= "<DIV ID='" + stableID + "prop1'>"
        +	"<P CLASS=tablePropsTitle>" + TEXT_TABLEROWSANDCOLS_TEXT + "</P>"
        + "<INPUT CLASS=input type=button ID=" + stableID + "txtRows VALUE=\"" + TEXT_TABLEINSERTROW_TEXT + "\" ONCLICK=\"window.opener.parent.tablePopup_AddRow()\"><P>"
        + "<INPUT CLASS=input type=button ID=" + stableID + "txtCells VALUE=\"" + TEXT_TABLEINSERTCELTEXT_TEXT + "\" ONCLICK=\"window.opener.parent.tablePopup_AddCell()\"><BR>"
        +	"</DIV>";
    }
    stable +=	"<DIV ID='" + stableID + "prop2' STYLE=\"display: none\">"
    +	"<P CLASS=tablePropsTitle>" + TEXT_TABLEPADDINGANDSPACING_TEXT + "</P>"
    +	TEXT_TABLEINPUTCELLPADDING_TEXT
    +	"<INPUT CLASS=input SIZE=2 TYPE=text ID=" + stableID + "txtPadding VALUE=0>"
    +	"<BR>"
    +	TEXT_TABLEINPUTCELLSPACING_TEXT
    +	"<INPUT CLASS=input SIZE=2 TYPE=text ID=" + stableID + "txtSpacing VALUE=0>"
    +	"</DIV>"
    +	"<DIV ID=" + stableID + "prop3 STYLE=\"display: none\">"
    +	"<P CLASS=tablePropsTitle>" + TEXT_TABLEBORDERS_TEXT + "</P>"
    +	TEXT_TABLEINPUTBORDER_TEXT
    +	"<INPUT CLASS=input SIZE=2 TYPE=text ID=" + stableID + "txtBorder VALUE=1>"
    +	"<BR>"
    +	TEXT_TABLEINPUTBORDERCOLOR_TEXT
    +	"<INPUT CLASS=input SIZE=10 TYPE=text ID=" + stableID + "txtBorderColor value=#000000><BR>"
    +	util_BuildColorTable("","idBorder"+stableID, "", "window.opener.parent.tablePopup_ColorSelect(this,'" + stableID + "txtBorderColor')")
    +	"</DIV>"
    +	"<DIV ID=" + stableID + "prop4 SIZE=12 STYLE=\"display: none\">"
    +	"<P CLASS=tablePropsTitle>" + TEXT_TABLEBG_TEXT + "</P>"
    +	TEXT_TABLEINPUTBGIMGURTEXT_TEXT
    +	"<INPUT CLASS=input TYPE=text ID=" + stableID + "txtBackgroundImage SIZE=10>"
    +	"<BR>"
    +	TEXT_TABLEINPUTBGCOLOR_TEXT
    +	"<INPUT CLASS=input TYPE=text SIZE=10 ID=" + stableID + "txtBackgroundColor><BR>"
    +	util_BuildColorTable("","idBackground"+stableID, "", "window.opener.parent.tablePopup_ColorSelect(this,'" + stableID + "txtBackgroundColor')")
    +	"</DIV>"
    +	"</TD>"
    +	"</TR><TR><TD align=right ID=tableButtons valign=bottom>";
    if (stableID=="tabNewBody") {
        stable +=	"<INPUT CLASS=input TYPE=submit ONCLICK=\"window.opener.parent.tablePopup_BuildTable('" + stableID + "',popup); window.close();\" VALUE=\"" + TEXT_TABLEINSERT_TEXT + "\">"
        + " <INPUT CLASS=input TYPE=reset VALUE=\"" + TEXT_CANCETEXT_TEXT + "\" ONCLICK=\"window.close();\">";
    } else {
        stable +=	"<INPUT CLASS=input TYPE=submit ONCLICK=\"window.opener.parent.tablePopup_BuildTable('" + stableID + "',popup); window.close();\" VALUE=\"" + TEXT_TABLEUPDATE_TEXT + "\">"
        + " <INPUT CLASS=input TYPE=reset VALUE=\"" + TEXT_CANCETEXT_TEXT + "\" ONCLICK=\"window.close();\">";
    }
    stable+= "</TD></TR></TABLE>";
    return stable;
}

function tablePopup_PrepareHTML() {
    var stable = "<TABLE CLASS=tabBox ID=\"tabSelect\" CELLSPACING=0 CELLPADDING=0 WIDTH=95%><TR HEIGHT=15><TD CLASS=tabItem STYLE=\"border-bottom: none\" NOWRAP><DIV ONCLICK=\"if (tabEdit.className!='disabled') {this.className='selected';this.parentElement.style.borderBottom = tabEdit.className=tabNewBody.style.display='';tabEditBody.style.display='none';tabEdit.parentElement.style.borderBottom='1px black solid'}\" CLASS=selected ID=tabNew>New Table</DIV></TD>"
    + "<TD CLASS=tabItem NOWRAP><DIV ONCLICK=\"if (this.className!='disabled') {this.className='selected';this.parentElement.style.borderBottom = tabNew.className=tabEditBody.style.display='';tabNew.parentElement.style.borderBottom='1px black solid';tabNewBody.style.display='none'}\" CLASS=disabled ID=tabEdit>Edit Table</DIV></TD><TD CLASS=tabSpace WIDTH=100%>&nbsp;</TD></TR><TR><TD VALIGN=TOP CLASS=tabBody COLSPAN=3>"
    + tablePopup_PrepareHTMLPage("tabNewBody",true)
    + tablePopup_PrepareHTMLPage("tabEditBody",false)
    +	"</TD></TR></TABLE>";


    return stable;
}

function tablePopup_Select(stableID, id) {
    var d = popup.document;
    for (var i = 1; i < 5; i++) {
        d.all[stableID + "prop" + i].style.display = "none";
    }
    d.all[stableID + id].style.display = "";
}

function tablePopup_ColorSelect(el,id) {
    popup.document.all[id].value = el.bgColor.toUpperCase();
}

function tablePopup_AddRow() {
    var elRow = oBlock.insertRow();
    for (var i=0;i<oBlock.rows[0].cells.length;i++) {
        var elCell = elRow.insertCell();
        elCell.innerHTML = "&nbsp;";
    }
}

function tablePopup_AddCell(el) {
    for (var i=0;i<oBlock.rows.length;i++) {
        var elCell = oBlock.rows[i].insertCell();
        elCell.innerHTML = "&nbsp;";
    }
}

function tablePopup_BuildTable(stableID, d) {
    if (stableID=="tabNewBody") {
        var stable = ""
        + "<TABLE "
        + (((d.all[stableID + "txtBorder"].value=="") || (d.all[stableID + "txtBorder"].value=="0")) ? "class=\"NOBORDER\"" : "")
        +	(d.all[stableID + "txtPadding"].value != "" ? "cellPadding=\"" + d.all[stableID + "txtPadding"].value + "\" " : "")
        +	(d.all[stableID + "txtSpacing"].value != "" ? "cellSpacing=\"" + d.all[stableID + "txtSpacing"].value + "\" " : "")
        +	(d.all[stableID + "txtBorder"].value != "" ? "border=\"" + d.all[stableID + "txtBorder"].value + "\" " : "")
        +	(d.all[stableID + "txtBorderColor"].value != "" ? "bordercolor=\"" + d.all[stableID + "txtBorderColor"].value + "\" " : "")
        +	(d.all[stableID + "txtBackgroundImage"].value != "" ? "background=\"" + d.all[stableID + "txtBackgroundImage"].value + "\" " : "")
        +	(d.all[stableID + "txtBackgroundColor"].value != "" ? "bgColor=\"" + d.all[stableID + "txtBackgroundColor"].value + "\" " : "")
        + ">";
        for (var r=0; r < d.all[stableID + "txtRows"].value; r++) {
            stable += "<TR>";
            for (var c=0; c < d.all[stableID + "txtColumns"].value; c++) {
                stable += "<TD>&nbsp;</TD>";
            }
            stable += "</TR>";
        }
        stable += "</TABLE>";
        insertHTML(stable);
    } else if (oBlock) {
        oBlock.cellPadding = d.all.tabEditBodytxtPadding.value;
        oBlock.cellSpacing = d.all.tabEditBodytxtSpacing.value;
        oBlock.border = d.all.tabEditBodytxtBorder.value;
        oBlock.className = (oBlock.border=="" || oBlock.border==0) ? "NOBORDER" : "";
        oBlock.borderColor = d.all.tabEditBodytxtBorderColor.value;
        oBlock.bgColor = d.all.tabEditBodytxtBackgroundColor.value;
        oBlock.background = d.all.tabEditBodytxtBackgroundImage.value;
    }
}


// Utils
function util_GetElement(oEl,sTag) {
    while (oEl!=null && oEl.tagName!=sTag) {
        oEl = oEl.parentElement;
    }
    return oEl;
}

function util_BuildColorTable(sType,sID,fmt,stableClick) {
    var stable, cPick = new Array("00","33","66","99","CC","FF"), iCnt=2;
    var iColors = cPick.length, stableColor = "";
    stable = "<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0><TR><TD>"
    + "<TABLE WIDTH=100% ONMOUSEOUT=\"document.all." + sID + "Current.style.backgroundColor = ''\" ONMOUSEOVER=\"document.all." + sID + "Current.style.backgroundColor = event.srcElement.bgColor\" CLASS=colorTable CELLSPACING=0 CELLPADDING=0 ID=\"" + sID + "\">";
    for (var r=0;r<iColors;r++) {
        stable+="<TR>";
        for (var g=iColors-1;g>=0;g--)
        for (var b=iColors-1;b>=0;b--) {
            stableColor = cPick[r]+cPick[g]+cPick[b] ;
            stable+="<TD"
            + " BGCOLOR=\"#" + stableColor + "\""
            + "_item=\"" + stableColor + "\" "
            + "TITLE=\"#" + stableColor + "\" "
            + (stableClick ? "ONCLICK=\"" + stableClick + "\" " : "ONCLICK=\"window.opener.format('" + sType + "','#" + stableColor + "'); window.close();\"")
            + "></TD>";
        }
        stable+="</TR>";
    }
    stable+="</TABLE></TD>";
    stable+="<TD WIDTH=3px>&nbsp;</TD>";
    stable+="<TD VALIGN=top ALIGN=right><DIV CLASS=currentColor ID=\"" + sID + "Current\">&nbsp;</DIV></TD>";
    stable+="</TR></TABLE>";
    return stable;
}

function util_GetBlock(oEl) {
    var sBlocks = "|H1|H2|H3|H4|H5|H6|P|PRE|LI|TD|DIV|BLOCKQUOTE|DT|DD|TABLE|HR|IMG|";
    while ((oEl!=null) && (sBlocks.indexOf("|"+oEl.tagName+"|")==-1)) {
        oEl = oEl.parentElement;
    }
    return oEl;
}

function util_SelectChange(type) {
    switch (type)
    {
        case "font":
            format("FontName",document.mainForm.FontName.value);
            break;
        case "size":
            format("FontSize",document.mainForm.FontSize.value);
            break;
        case "block":
            format("FormatBlock", "<" + document.mainForm.FontBlock.value + ">");
            if (document.mainForm.FontBlock.value == "PRE") {
                format("FontName", "Courier New, Courier, mono");
                document.mainForm.FontName.selectedIndex = 2;
                format("FontSize", 2);
                document.mainForm.FontSize.selectedIndex = 2;
            } else {
                format("FontName", "Arial, Helvetica, sans-serif");
                document.mainForm.FontName.selectedIndex = 0;
                format("FontSize", 2);
                document.mainForm.FontSize.selectedIndex = 2;
            }
            break;
    }
}

function util_TableSelected() {
    var oSel   = idEditbox.document.selection.createRange();
    oBlock = (oSel.parentElement != null ? util_GetElement(oSel.parentElement(),"TABLE") : util_GetElement(oSel.item(0),"TABLE"));
    if (oBlock!=null) {
        popup.document.all.tabEdit.className="";
        popup.document.all.tabEditBodytxtPadding.value = oBlock.cellPadding;
        popup.document.all.tabEditBodytxtSpacing.value = oBlock.cellSpacing;
        popup.document.all.tabEditBodytxtBorder.value = oBlock.border;
        popup.document.all.tabEditBodytxtBorderColor.value = oBlock.borderColor.toUpperCase();
        popup.document.all.tabEditBodytxtBackgroundImage.value = oBlock.background;
        popup.document.all.tabEditBodytxtBackgroundColor.value = oBlock.bgColor.toUpperCase();
    }
}


// Popups
function popup_Preview() {
    popup=window.open("","Preview","status=0,scrollbars=1");
    popup.document.write("<html><head><title>" + TEXT_PREVIEW_TEXT + "</title></head><body>" + idEditbox.document.body.innerHTML + "</body></html>" );
    popup.document.close();
    popup.focus();
}

function popup_Color(type) {
    var windowContent = "<DIV ALIGN=CENTER ID=content><DIV ID=ColorPopup ALIGN=left>" + util_BuildColorTable(type) + "</DIV></DIV>";
    popup=window.open("","ColorPicker","width=265,height=110,status=0,scrollbars=0");
    popup.document.write( "<HTML ID=popup><head>"
    + "<STYLE>"
    + document.styleSheets.defPopupSkin.cssText
    + "\n"
    + document.styleSheets.popupSkin.cssText
    + "</STYLE>"
    + "<SCRIPT>function IMAGELoaded(w) {parent.imageLoaded(w,self)}</SCRIPT>"
    + "<title>" + (type=="ForeColor" ? TEXT_PUTITLETEXTCOLOR_TEXT : TEXT_PUTITLEBGCOLOR_TEXT ) + "</title></head>"
    + "<body>\n" + windowContent + "\n</body></html>" );
    popup.document.close();
    popup.focus();
}

function popup_Table() {
    setFocus();
    var windowContent = "<DIV ALIGN=CENTER ID=content>" + tablePopup_PrepareHTML() + "</DIV>";
    popup=window.open("","InsertTable","width=450,height=250,status=0,scrollbars=0");
    popup.document.write( "<HTML ID=popup><head>"
    + "<STYLE>"
    + document.styleSheets.defPopupSkin.cssText
    + "\n"
    + document.styleSheets.popupSkin.cssText
    + "</STYLE>"
    + "<SCRIPT>function IMAGELoaded(w) {parent.imageLoaded(w,self)}</SCRIPT>"
    + "<title>" + TEXT_TIPTABLE_TEXT + "</title></head>"
    + "<body>\n" + windowContent + "\n</body></html>" );
    popup.document.close();
    popup.focus();
    util_TableSelected();
}