html 简单 在线编辑器 ie ff,一款垃圾中的极品HTML编辑器(兼容IE OR FF)

最新推荐文章于 2021-06-23 13:48:58 发布
最新推荐文章于 2021-06-23 13:48:58 发布
阅读量193 收藏
点赞数
文章标签： html 简单 在线编辑器 ie 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编辑器
weixin_30609331的博客
03-19 951
本文为你介绍10款免费的、简单易用的在线HTML 编辑器。这些编辑器将节省你的时间，让你不再依靠任何软件来编写HTML。 1、Online–HTML–Editor：一个非常简便的在线HTML编辑器。免费使用。 2、WYSIWYG HTML Editor：一个很好的电子商务网站在线HTML编辑器。能很好的与eBay兼容，提高你的销量。 3、HTML Editor：一个实用性很强的编辑器。该编辑...
KindEditor 3.5.1添加文章分页教程
faleshi的专栏
01-25 3504
<br />下载KindEditor 3.5.1 官方地址：http://kindeditor.googlecode.com/files/kindeditor-3.5.1-zh_CN.zip<br />解压后打开目录下kindeditor.js文件<br />1，找到<br />items : [<br />   'source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',<br />   'plainpaste'
html pt兼容,FCKEditor，一个HTML可视化编辑器，兼容很好
weixin_39900468的博客
06-23 187
在实际WEB开发中，越来越多的用到HTML文本编辑器来录入有固定格式的大文本信息。比方说BLOG的文章录入的部分。FCKEditor是一款使用简单、实用的轻量级的HTML文本编辑器控件，他支持IE5.5+，Firefox1.0+，Mozilla1.3+，Netscape7.0+等各种不同的主流的浏览器。使用方法：1、到http://www.fckeditor.net/download下载最新版本。...
HTML编辑器基础：兼容各种浏览器
weixin_30719711的博客
01-08 84
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l...
火狐 html编辑器安装,在线编辑器的实现原理(兼容IE和FireFox)
weixin_39815456的博客
06-07 220
在线编辑器在我们日常的项目开发中非常有用(如新闻系统)，它可以方便地实现文章的在线编辑，省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢?首先需要IE的支持,在IE5.5以后就有一个编辑状态.就是利用这个编辑状态,然后用javascript来控制在线编辑的。首先要有一个编辑框，这个编辑框其实就是一个可编辑状态的网页，我们用iframe来建立编辑框。并且在加上javasc...
一款垃圾中的极品HTML编辑器(兼容IE OR FF)
10-30
本文将讨论的是一款名为"FreeEditor"的HTML编辑器，它声称兼容Internet Explorer (IE) 和Firefox (FF)这两种主流浏览器。 【编辑器兼容性】 在Web开发中，浏览器兼容性是至关重要的。不同的浏览器可能对HTML、CSS...
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
12-10
废话少说，最近写了个在线的编辑器，类似ewebeditor那样的，当然没有人家那么强大，但是基本功能都有，而且还是兼容ie和ff的，为此我也花了不少功夫，还是赶紧把代码祭出来吧 demo.html： 代码如下: <...
javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码
01-21
方法一： 用的浏览器内部转换器实现转换，要领是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码...
about some code of html editor
[roccat-Java专栏]
08-29 1710
LIKE THIS:   多媒体编辑器.hide{ display:none}.divpic {display:inline;}a.dm{text-decoration:none}a.dm:hover{text-decoration:underline}a{font-size:12px}img{border:0}td.icon{w
一款好用的文本编辑器KindEditor+PHP
gaokcl的博客
09-25 4157
1，一款好用的文本编辑器KindEditor 下载页面: http://www.kindsoft.net/down.php   &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;KindEditor一套开源的HTML
HTML常见浏览器兼容汇总
Calla_Lj的博客
04-24 1533
HTML常见兼容汇总 1.标准浏览器子元素不会撑开父元素设置好的宽度，IE6下会的； 2.在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动 ; 3.在IE6，7下元素要通过浮动并在同一行，就给这行元素都加浮动 4.IE6下，最小高度为19px;解决办法：overflow:hidden; 5.IE 6下，1px dotted #000不支持，解决办法：切背景平铺；...
ctrl+v粘贴快捷键突然不能使用的原因及解决方案
热门推荐
lhj_sjtu的博客
07-23 21万+
突然发现ctrl+v粘贴快捷键不能使用了，但是右键->粘贴是可以的，我查了网上给的一些解决方案，有丢失了什么dll文件什么的，但是太复杂看不懂，其实这种问题最常见的就是和某个软件的快捷键冲突了。这里我发现是与搜狗输入法的快捷键冲突了，打开搜狗输入法的搜狗管理器查看，果不其然，输入法的快捷键默认情况下是这样的: 看到了吧，ctrl+v被设置成了搜狗拼音快捷键，因此这里改成其他就好啦:
火狐谷歌浏览器允许操作粘贴板的设置方法
ShuLiu's Log Book
10-13 4499
请 在地址栏输入 about:config 然后搜索如下的键 signed.applets.codebase_principal_support 键值修改为true 此后程序就可以操作剪切板了
覆盖默认的ctrl+v和右键粘贴事件的实现
guxing023的博客
06-22 589
我用的kindeditor版本是3.5.1,客户的需求是希望在编辑器的窗口内执行ctrl+v或者右键粘贴的时候,要把多余的HTML等代码过滤掉,只保留文本,相当于"粘贴为无格式文本"控件所做的那样.摸索了几天,终于实现了.实现方式如下:   1、注释掉kindeditor.js文件的193行 //this.add(newElement, 'paste', handler, id);  ...
解决mozilla/firefox不能粘贴的问题
扬弓笔记
06-24 4063
 最近一直为在linux下用mozilla/firefox写博客不能粘贴的问题而头痛，虽然这个问题解决起来也不是太难，可还是费了些心思，故记了下来。由于安全因素，firefox禁止在未授权的javascript操作的文本框里面进行复制粘贴。下面是解决方法：1:首先找到firefox的配置文件目录Windows XP/2000, 目录是 %AppData%/Mozilla/Firefox/Profi
湖北工业大学在河南2021-2024各专业最低录取分数及位次表.pdf
最新发布
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
新手之作：兼容IE/FF的极品HTML编辑器
这款垃圾中的极品HTML编辑器是一款基于JavaScript开发的轻量级工具，专为兼容Internet Explorer (IE) 和 Firefox (FF) 的用户设计。开发者CXP于2006年8月22日完成了它的创作，虽然被形容为“垃圾”，但其实它提供了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值