"; var oDoc=idPreview.document.open("text/html", "replace"); oDoc.write(sHTML); oDoc.close(); realTime() } function realTime() { if(!dialogArguments.oUtil.obj.checkFocus()){return;}//Focus stuff var oEditor=dialogArguments.oUtil.oEditor; var oSel=oEditor.document.selection.createRange(); var obj=dialogArguments.oUtil.obj; if(dialogArguments.oUtil.activeElement) { oElement=dialogArguments.oUtil.activeElement } else { if (oSel.parentElement) oElement=oSel.parentElement(); else oElement=oSel.item(0); } var tagName=oElement.tagName; while(inpClassName.options.length!=0) { inpClassName.options.remove(inpClassName.options(0)) } var op = document.createElement("OPTION"); op.text="Clear Formatting.."; op.value=""; inpClassName.options.add(op); arrStyle = obj.arrStyle; for(var i=0;i1) { if(sSelector.split(".")[0]==tagName || sSelector.split(".")[0]=="")//show { var op = document.createElement("OPTION"); op.text=sCaption; op.value=sSelector.split(".")[1]; inpClassName.options.add(op); } } else { var op = document.createElement("OPTION"); op.text=sCaption; op.value=sSelector; inpClassName.options.add(op); } } } inpClassName.value=oElement.className; if(inpClassName.selectedIndex!=-1) { idPreview.document.all.idPreviewTarget.innerHTML=inpClassName.childNodes(inpClassName.selectedIndex).text; idPreview.document.all.idPreviewTarget.className=inpClassName.value; } } var sClassName; function doApply() { if(!dialogArguments.oUtil.obj.checkFocus()){return;}//Focus stuff var oEditor=dialogArguments.oUtil.oEditor; var oSel=oEditor.document.selection.createRange(); var sType=oEditor.document.selection.type; var obj=dialogArguments.oUtil.obj; dialogArguments.oUtil.obj.saveForUndo(); if(inpClassName.value=="")//Selalu berarti me-remove class di CURRENT TAG! { if(dialogArguments.oUtil.activeElement) { oElement=dialogArguments.oUtil.activeElement } else { if (oSel.parentElement) oElement=oSel.parentElement(); else oElement=oSel.item(0); } if(oElement) { if(oElement.tagName!="BODY") { oElement.removeAttribute("className",0); //cek juga style attr (oElement.style.cssText) if(oElement.tagName=="FONT" && oElement.color=="" && oElement.face=="" && oElement.size=="" && oElement.id=="" && oElement.style.cssText=="") obj.doCmd('RemoveFormat'); } else { alert(getTxt("You're selecting BODY element.")); return; } } } else if(selApply_to.value=="Selected Text") { if(sType=="Control") { alert(getTxt("Please select a text.")); return; } var idNewSpan=obj.applySpan(); if(idNewSpan)//if there is selected text { if(inpClassName.value=="") idNewSpan.removeAttribute("className",0); else idNewSpan.className=inpClassName.value; } } else if(selApply_to.value=="Current Tag") { if(dialogArguments.oUtil.activeElement) { oElement=dialogArguments.oUtil.activeElement } else { if (oSel.parentElement) oElement=oSel.parentElement(); else oElement=oSel.item(0); } if(oElement) { if(oElement.tagName!="BODY") { oElement.className=inpClassName.value; } else { alert(getTxt("You're selecting BODY element.")); return; } } } //realTime() sClassName=inpClassName.value; } function doStyleChange() { idPreview.document.all.idPreviewTarget.innerHTML=inpClassName.childNodes(inpClassName.selectedIndex).text idPreview.document.all.idPreviewTarget.className=inpClassName.value }

Styles: Preview: Apply to:  Selected Text Current Tag