html 简单 在线编辑器 ie ff,一款垃圾中的极品HTML编辑器(兼容IE OR FF)
這東東實現了一些常用的功能,今天剛完成,大家多給點建議!
在FF下不完善,有些功能暫時還沒實現!
這也是本人寫的第一個編輯器(處女作哦)，做得不好，千萬別丟雞蛋過來．．．
先閃人！
/*******************************************
一款垃圾中的極品FreeEditor(2006-08-22)
This?JavaScript?was?writen?by?CXP.
*******************************************/
var?colorType;
var?currentMode="Design";????//當前模式
var?ie=document.all?true:false;
document.οnclick=function(){
}
function?format(str,arg){
if(currentMode!="Design"){????//非設計模式
return;
}
var?obj=window.frames["design"];
if(!ie){
var?sAlert="";
switch(str){
case?"Cut":
sAlert?=?"你的瀏覽器安全設置不允許編輯器自動執行剪切操作,請使用鍵盤快捷鍵(Ctrl+X)來完成";
break;
case?"Copy":
sAlert?=?"你的瀏覽器安全設置不允許編輯器自動執行拷貝操作,請使用鍵盤快捷鍵(Ctrl+C)來完成";
break;
case?"Paste":
sAlert?=?"你的瀏覽器安全設置不允許編輯器自動執行粘貼操作,請使用鍵盤快捷鍵(Ctrl+V)來完成";
break;
}
if(sAlert!=""){
alert(sAlert);
return;
}
}
obj.focus();
if(arg){
return?obj.document.execCommand(str,false,arg);
}
else{
if(ie){
obj.document.execCommand(str);
}
else{
obj.document.execCommand(str,false,false);
}
}
obj.focus();
}
//顯示顏色菜單
function?showColorMenu(obj,e){
if(currentMode!="Design"){????//非設計模式
return;
}
var?target=document.all?e.srcElement:e.target;
var?colorMode=target.getAttribute("title");
switch(colorMode){
case?"背景顏色":
colorType="BodyBackColor";
break;
case?"字體背景顏色":
colorType="backColor";
break;
case?"字體顏色":
colorType="foreColor";
break;
default:
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
var?db=window.frames["design"].document;
var?height=125;
if(colorType=="foreColor"){
height=145;
}
var?color=showModalDialog("dialog/color.html",window,"dialogWidth:263px;dialogHeight:"+height+"px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";px");
if(color!=null){
if(colorType=="BodyBackColor"){
db.body.style.backgroundColor=color;
return;
}
else?if(colorType=="foreColor"){
var?arr=color.split("|");
if(arr.length==2){
format(colorType,arr[0]);
//設置發光濾鏡,IEOnly
if(db.selection.type.toLowerCase()!="none"){
var?selectText=db.selection.createRange().htmlText;
selectText=""+selectText+"";
insertHTML(selectText);
return;
}
}
}
format(colorType,color);
}
}
else{
if(colorType=="backColor"){
alert('待完善!');
return;
}
FFOpenWidnow("dialog/color.html",263,112,top+25,left);
}
}
//顯示插入圖片窗口
function?showImageMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
var?path=showModalDialog("dialog/image.html","","dialogWidth:390px;dialogHeight:120px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";px");
if(path==null){
return;
}
format("insertImage",path);
}
else{
FFOpenWidnow("dialog/image.html",385,100,top+25,left);
}
}
//顯示插入FLASH窗口
function?showFlashMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj);
if(document.all){
var?path=showModalDialog("dialog/FLASH.html","","dialogWidth:402px;dialogHeight:139px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+(top+138)+";px");
if(path==null){
return;
}
var?arr=path.split("|");
var?str="";
insertHTML(str);
}
else{
alert('待完善');
return;
}
}
//顯示插入Face窗口
function?showFaceMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/face.html",window,"dialogWidth:280px;dialogHeight:215px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";px");
}
else{
FFOpenWidnow("dialog/face.html",280,180,top+25,left);
}
}
//顯示fieldSet窗口
function?showFieldSetMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/fieldSet.html",window,"dialogWidth:330px;dialogHeight:120px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";px");
}
else{
FFOpenWidnow("dialog/fieldSet.html",330,100,top+25,left);
}
}
function?getWidth(obj){
var?ParentObj=obj;
var?left=obj.offsetLeft;
while(ParentObj=ParentObj.offsetParent){
left+=ParentObj.offsetLeft;
}
return?left;
}
function?getHeight(obj){
var?ParentObj=obj;
var?top=obj.offsetTop;
while(ParentObj=ParentObj.offsetParent){
top+=ParentObj.offsetTop;
}
return?top;
}
function?showMediaMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj);
if(document.all){
showModalDialog("dialog/media.html",window,"dialogWidth:330px;dialogHeight:119px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+(top+138)+";");
}
else{
alert('待完善');
}
}
//顯示插入文件窗口
function?showFileMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/file.html",window,"dialogWidth:390px;dialogHeight:115px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/file.html",380,100,top+25,left);
}
}
function?setColor(color){
if(color==""){
return;
}
if(colorType=="BodyBackColor"){
window.frames["design"].document.body.style.backgroundColor=color;
return;
}
format(colorType,color);
}
//插入字幕
function?showMarqueeMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/marquee.html",window,"dialogWidth:439px;dialogHeight:260px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/marquee.html",435,220,top+25,left);
}
}
//插入特殊字符
function?showSymbolMenu(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/symbol.html",window,"dialogWidth:385px;dialogHeight:235px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/symbol.html",370,190,top+25,left);
}
}
//插入文件
function?insertFile(txt){
var?arr=txt.split(".");
var?fileName=getFileName(arr[arr.length-1]);
????var?str="";
arr=txt.split("/");
fileName=arr[arr.length-1];
str+=fileName+"";
var?db=window.frames["design"].document;
insertHTML(str);
}
//插入當前時間
function?insertTime(b){
var?d=new?Date();
var?year,month,day,hour,minute,second;
year=d.getFullYear();
month=d.getMonth();
day=d.getDate();
hour=d.getHours();
minute=d.getMinutes();
second=d.getSeconds();
var?str;
if(b){
str=year+"-"+month+"-"+day;
}
else{
str=hour+":"+minute+":"+second;
}
insertHTML(str);
}
//插入引用
function?insertQuote(){
var?str="
| 引用： |
insertHTML(str);
}
//插入單選框
function?insertRadio(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/radio.html",window,"dialogWidth:275px;dialogHeight:156px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/radio.html",270,125,top+25,left);
}
}
//插入復選框
function?insertCheckBox(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/checkbox.html",window,"dialogWidth:275px;dialogHeight:156px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/checkbox.html",270,125,top+25,left);
}
}
//插入復選框
function?insertInputText(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/text.html",window,"dialogWidth:275px;dialogHeight:156px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/text.html",270,125,top+25,left);
}
}
//插入多行文本框
function?insertTextArea(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/textarea.html",window,"dialogWidth:305px;dialogHeight:250px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/textarea.html",300,250,top+25,left,true);
}
}
//插入表格
function?insertTable(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/table.html",window,"dialogWidth:265px;dialogHeight:239px;help:no;status:no;scroll:no;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/table.html",256,210,top+25,left,true);
}
}
//插入下拉列表
function?insertSelect(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/select.html",window,"dialogWidth:380px;dialogHeight:250px;help:no;status:no;scroll:auto;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/select.html",380,250,top+25,left);
}
}
//插入按鈕
function?insertButton(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/button.html",window,"dialogWidth:239px;dialogHeight:170px;help:no;status:no;scroll:auto;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/button.html",236,139,top+25,left);
}
}
//插入表單
function?insertForm(obj){
if(currentMode!="Design"){????//非設計模式
return;
}
var?left,top;
left=getWidth(obj);
top=getHeight(obj)+138;
if(document.all){
showModalDialog("dialog/form.html",window,"dialogWidth:239px;dialogHeight:170px;help:no;status:no;scroll:auto;dialogLeft:"+left+";dialogTop:"+top+";");
}
else{
FFOpenWidnow("dialog/form.html",236,139,top+25,left);
}
}
//設置模式
function?setMode(modeType,btnObj){
if(currentMode==modeType){
return;
}
btnObj.style.border="1px?solid?#000000";
var?cObj;
if(currentMode=="Preview"){
cObj=document.getElementById("preview");
}
else?if(currentMode=="Design"){
cObj=document.getElementById("design");
}
else{
cObj=document.getElementById("textCode");
}
document.getElementById("bnt"+currentMode).style.border="1px?solid?#999999";
switch(modeType){
case?"Code":????//代碼
var?obj=document.getElementById("textCode");
var?db=window.frames["design"].document.body;
var?HTMLCode=db.innerHTML;
//防止FF在沒有任何代碼前產生的換行
if(HTMLCode=="
\n"?||?HTMLCode=="
"){
HTMLCode="";
}
obj.value=HTMLCode;
cObj.style.display="none";
obj.style.display="block";
break;
case?"Design":????//設計
cObj.style.display="none";
document.getElementById("design").style.display="block";
break;
case?"Preview":
var?obj=window.frames["preview"].document.body;
var?db=window.frames["design"].document.body;
obj.style.backgroundColor=db.style.backgroundColor;
if(currentMode=="Code"){
obj.innerHTML=cObj.value;
}
else{
var?str=db.innerHTML;
obj.innerHTML=str;
}
cObj.style.display="none";
document.getElementById("preview").style.display="block";
break;
}
currentMode=modeType;????//設置當前模式
}
//創建鏈接
function?createLink(){
if(currentMode!="Design"){????//非設計模式
return;
}
if(document.all){
format("CreateLink");
}
else{
var?str=window.prompt("Enter?Link?Location?(Example:http://www.baidu.com/?or?ftp://127.0.0.1/)","http://");
if(str==null?||?str=="http://"?||?str=="")????return;
format("CreateLink",?str);
}
}
//新建
function?newPage(){
if(currentMode!="Design"){????//非設計模式
return;
}
window.frames["design"].document.body.innerHTML="";
}
//設置字體
function?setFaceFamily(obj){
var?val=obj.options[obj.selectedIndex].value;
if(val=="")????return;
format("fontname",val);
}
//設置字號
function?setFaceSize(obj){
var?val=obj.options[obj.selectedIndex].text;
if(val=="字號")????return;
format("fontsize",val);
}
function?getFileName(str){
str=str.toLowerCase();
var?name;
switch(str){
case?"avi":
name="avi.gif";
break;
case?"bmp":
name="bmp.gif";
break;
case?"chm":
name="chm.gif";
break;
case?"doc":
name="doc.gif";
break;
case?"exe":
name="exe.gif";
break;
case?"gif":
name="gif.gif";
break;
case?"html":
name="html.gif";
break;
case?"htm":
name="html.gif";
break;
case?"jpg":
name="jpg.gif";
break;
case?"mdb":
name="mdb.gif";
break;
case?"mid":
name="mid.gif";
break;
case?"mp3":
name="mp3.gif";
break;
case?"pdf":
name="pdf.gif";
break;
case?"ppt":
name="ppt.gif";
break;
case?"rar":
name="rar.gif";
break;
case?"rm":
name="rm.gif";
break;
case?"rmvb":
name="rm.gif";
break;
case?"swf":
name="swf.gif";
break;
case?"txt":
name="txt.gif";
break;
case?"xls":
name="xls.gif";
break;
case?"zip":
name="zip.gif";
break;
default:
name="unknow.gif";
break;
}
return?name;
}
function?setFocus(){
window.frames["design"].focus();
}
//插入HTML代碼
function?insertHTML(str){
if(ie){
setFocus();
window.frames["design"].document.selection.createRange().pasteHTML(str);
}
else{
var?newStr=window.frames["design"].document.body.innerHTML;
if(newStr.toLowerCase()=="
"?||?newStr.toLowerCase()=="
\n"){
window.frames["design"].document.body.innerHTML=str;
}
else{
window.frames["design"].document.body.innerHTML+=str;
}
}
setFocus();
}
//FF打開窗口
function?FFOpenWidnow(url,w,h,top,left){
window.open(url,"","location=no,menubar=no,toolbar=no,dependent=yes,dialog=yes,minimizable=no,modal=yes,alwaysRaised=yes,resizable=no,width="+w+",height="+h+",screenX="+left+",screenY="+top);
}
本地下載
總結
以上是生活随笔為你收集整理的html 简单 在线编辑器 ie ff,一款垃圾中的极品HTML编辑器(兼容IE OR FF)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 瑞声科技发布超小型 MEMS 扬声器 S
- 下一篇： html中字段是日期控件,jQuery日