没有合适的资源?快使用搜索试试~ 我知道了~
首页新手之作:兼容IE/FF的极品HTML编辑器
这款垃圾中的极品HTML编辑器是一款基于JavaScript开发的轻量级工具,专为兼容Internet Explorer (IE) 和 Firefox (FF) 的用户设计。开发者CXP于2006年8月22日完成了它的创作,虽然被形容为“垃圾”,但其实它提供了一些基础的HTML编辑功能,可能是作者的初次尝试,因此可能在某些方面还有待完善。 在设计模式下,该编辑器允许用户进行常见的文本处理操作,如剪切(Ctrl+X)、复制(Ctrl+C)和粘贴(Ctrl+V)。然而,由于浏览器安全设置的限制,编辑器并不能在所有情况下自动执行这些操作,而是会提示用户使用键盘快捷键手动完成。这对于IE浏览器用户尤其如此,因为IE可能会阻止编辑器直接执行命令。 值得注意的是,该编辑器并未实现所有功能,可能在Firefox下存在一些不足,这表明它可能还处于开发早期阶段。开发者鼓励用户提出建议,表明其对社区反馈持开放态度,并表示如果遇到不满意的地方,希望用户给予建设性的批评,而不是简单的指责。 这款“垃圾中的极品”HTML编辑器提供了一个学习和实践JavaScript编码,尤其是与浏览器交互的基础平台,适合那些想要创建简单编辑器或初次接触Web开发的初学者。尽管存在局限性,但考虑到其跨浏览器兼容性和开发者对改进的意愿,它不失为一个有价值的资源,尤其是在寻求低成本、入门级编辑工具的场景中。
资源详情
资源推荐
一款垃圾中的极品一款垃圾中的极品HTML编辑器编辑器(兼容兼容IE OR 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.onclick=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="<span style=\"height:18px;filter:Glow(color="+arr[0]+",Strength=2);\">"+selectText+"</span>";
insertHTML(selectText);
return;
}
}
}
format(colorType,color);
}
}
else{
下载后可阅读完整内容,剩余5页未读,立即下载
weixin_38657102
- 粉丝: 9
- 资源: 935
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C++多态实现机制详解:虚函数与早期绑定
- Java多线程与异常处理详解
- 校园导游系统:无向图实现最短路径探索
- SQL2005彻底删除指南:避免重装失败
- GTD时间管理法:提升效率与组织生活的关键
- Python进制转换全攻略:从10进制到16进制
- 商丘物流业区位优势探究:发展战略与机遇
- C语言实训:简单计算器程序设计
- Oracle SQL命令大全:用户管理、权限操作与查询
- Struts2配置详解与示例
- C#编程规范与最佳实践
- C语言面试常见问题解析
- 超声波测距技术详解:电路与程序设计
- 反激开关电源设计:UC3844与TL431优化稳压
- Cisco路由器配置全攻略
- SQLServer 2005 CTE递归教程:创建员工层级结构
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功