CKEDITOR 3.4.2中 按钮事件中 动态改变图标和title 获取按钮
this.uiItems[0].className="cke_button_hui_position_type";
this.uiItems[0].title="zhang";
//上面2中只是获取,修改后不管用
this.uiItems[0]._.id //获取ID
//只能通过jquery,找到id或classname来找到,然后修改
$("#cke_18")[0].title
完整代码:
editor.addCommand('sunyard_position_type',{ exec:function(editor){ CKEDITOR.positionType = CKEDITOR.positionType=='absolute'?'static':'absolute'; //动态设置图标title和lable $("." + this.uiItems[0].className)[0].label= lang[CKEDITOR.positionType]; $("." + this.uiItems[0].className)[0].title= lang[CKEDITOR.positionType]; //改变图标 //alert(editor.plugins.sunyard_position_type.path); if(CKEDITOR.positionType=="absolute") { $("."+this.uiItems[0].className)[0].children[0].style.backgroundImage="url("+editor.plugins.sunyard_position_type.path+ "icons/sunyard_position_type_absolute.gif"+")"; }else{ $("."+this.uiItems[0].className)[0].children[0].style.backgroundImage="url("+editor.plugins.sunyard_position_type.path+ "icons/sunyard_position_type_static.gif"+")"; } } });
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步